How to create an interactive map in Microsoft SharePoint lists

In this video, you'll learn how to take advantage by List View Column formatting in order to create an interactive map.

🔗 Interactive Europe map sample

Open a list in SharePoint using query string parameters:
?FocusModeOff=1&sw=bypass

👇
👆

📺 REQUEST VIDEOS THAT YOU'D LIKE TO SEE

🎬More Videos:

📺My YouTube Channel:

🔗Let’s connect on social:

⏲Timestamps
00:00 Introduction
00:34 Geographic Map Demo
01:27 SharePoint Lists are opened in Microsoft Lists by default
02:11 How to change the behavior
03:53 Open a list in SharePoint using ?FocusModeOff=1&sw=bypass
05:05 Creating the interactive map from scratch
07:45 Where you can create Geographic Maps
09:03 How to get a single country in the SVG image
10:37 Creating a new list and applying the list view formatting
13:30 Embedding the list view in a SharePoint page
14:34 Conclusion

#GiulianoDeLuca #DeLuca

[stephanedenis]

Hello, thank you very much. Very interesting video.
I could use a solution like this... in another context. For example I have a floor plan with all offices and cubicles. In the Lists there are room numbers (instead of countries) which are unique. And I have other information (for example: user, phone number, key code etc.) and all this information is columns in the Lists. The map is displayed on a Sharepoint page and a click on a room displays the information. My floor map is in PDF, it's possible to convert it to SVG.
But I'm really wondering whether it would be possible to do this. What do you think? It's not a short-term project, but I think it could be useful. Thanks again for your videos.

[Grouicky]

Hello,
Thank you for the tutorial. I would like to add some locations "pin" style and then be able to select those rather than the countries. I guess I have an idea about how to hack the jason files to make it happens. But first, I need to find the transformation from Lat, Long (those locations) to the "way" the point/lines coordinates are described in this jason file. Do you have any ideas please? Many thanks.

[andrewjameson]

Could you use a geofence location of a site boundary and perhaps show building locations lat and long on that or even integrate with Google Maps.