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
github.com/giuleon/SharePoint...
Open a list in SharePoint using query string parameters:
?FocusModeOff=1&sw=bypass
👇
🔔Don't forget to subscribe to my channel to stay tuned Subscribe: ruclips.net/user/giulianodeluc...
👆
📺 REQUEST VIDEOS THAT YOU'D LIKE TO SEE
forms.office.com/r/NjTNvfaY13
🎬More Videos:
-Microsoft Teams: • Microsoft Teams
-Microsoft SharePoint: • Microsoft SharePoint
-Microsoft 365: • Microsoft 365
-Azure: • Microsoft Azure
-PowerPoint: • Microsoft PowerPoint
-⚙Tools: • ⚙Tools
-Shorts: • Playlist
📺My RUclips Channel:
/ giulianodeluca
🔗Let’s connect on social:
/ delucagiulian
/ delucagiuliano
/ delucagiulian
/ delucagiulian
/ delucagiulian
delucagiuliano.com
⏲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

[@andrewjameson5918]

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.

[@DeLucaGiulian]

Hi,
Overlapping images using JSON is possible but Google Maps integrations not.

[@stephanedenis5394]

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.

[@DeLucaGiulian]

Hi,
The conversion of the PDF into SVG is possible using the right tool and writing the JSON according to your requirements is feasible.

[@franzobermeier4846]

Have you made this work for an office map? I am needing a similar solution for facility management.

[@stephanedenis5394]

@@franzobermeier4846 Hello, No sorry, I didn't have time at all.