I have used the guide at the link below to setup a list in SharePoint to pin locations on a Google Map.


I am now trying to implement InfoBoxes so that when you click on the pin it brings up information about the location (pulling info from the list) in a InfoWindow. Then if you want to view additional details you can click on Read More and the list item will open.

Anyone have experience of InfoWindows?


closed as unclear what you're asking by Robert Lindgren, Gaurravs, moe, Asad Refai, P S Jun 21 '18 at 9:43

Please clarify your specific problem or add additional details to highlight exactly what you need. As it's currently written, it’s hard to tell exactly what you're asking. See the How to Ask page for help clarifying this question. If this question can be reworded to fit the rules in the help center, please edit the question.

  • What is your question? "Anyone have experience about x" -> "Yes" probably won't help you. – moe Jun 21 '18 at 6:28

Create a new Marker like this:

var marker = new google.maps.Marker({
    position: coordinates,
    map: map,
    animation: google.maps.Animation.DROP,
    title: Title

Then add an OnClick event with the contents of the InfoWindow:

google.maps.event.addListener(marker, 'click', function(){
    infoWindow.setContent('<h2>' + marker.title + '</h2>' + marker.content);
    infoWindow.open(map, marker);

marker.content is where you add a link to a list item

Edit: of course there is more to it than that - e.g. creating a map, adding the marker to a map, etc., but this should help you get started.

Not the answer you're looking for? Browse other questions tagged or ask your own question.