Google Maps infoWindow only loading last record on markers

by

Add content as a property to marker object and use this.content in the event handler:

var marker = new google.maps.Marker(options);
marker.content="<div>Content goes here....</div>";

var infoWindow = new google.maps.InfoWindow();
google.maps.event.addListener(marker, 'click', function () {
                                infoWindow.setContent(this.content);
                                infoWindow.open(this.getMap(), this);
                            });

More Related Contents:

  1. How can I check whether Google Maps is fully loaded?
  2. Using Address Instead Of Longitude And Latitude With Google Maps API
  3. How to Display Multiple Google Maps per page with API V3
  4. How do I return a variable from Google Maps JavaScript geocoder callback?
  5. How to calculate the latlng of a point a certain distance away from another?
  6. Google Maps API autocomplete 2nd address fields on same page
  7. Selecting last element in JavaScript array [duplicate]
  8. How do I resize a Google Map with JavaScript after it has loaded?
  9. Google Maps API V3 : How show the direction from a point A to point B (Blue line)?
  10. Resize Google Maps marker icon image
  11. How to get Google Maps API to set the correct zoom level for a country?
  12. Have just one InfoWindow open in Google Maps API v3
  13. Google map comes partially, grey area comes instead of images from google server
  14. Check if polygon is inside a polygon
  15. Google Maps not rendering completely on page?
  16. Google Maps API v3.19 Broken in Internet Explorer Quirks Mode
  17. Display world map with no repeats
  18. Request main road / curbside StreetView panoramas instead of back alleys from API
  19. Representing Points on a Circular Radar Math approach
  20. Google Maps API v3: InfoWindow not sizing correctly
  21. XMLHttpRequest cannot load No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:3000’ Google maps
  22. Google Maps API v3: How do I dynamically change the marker icon?
  23. How can I pass a parameter to a function without it running right away?
  24. Google Maps – Weird geometry.location attributes (G, K)
  25. Google Maps: Auto close open InfoWindows?
  26. Determine if point is within bounding box
  27. Integrating Google Maps in vue.js
  28. How can I tell if Google’s Streetview Image API Returns “Sorry, we have no imagery here” (ie. NULL) Result?
  29. Listening for the domready event for google.maps.InfoWindow class
  30. Google maps API V3 method fitBounds()

Leave a Comment