Have just one InfoWindow open in Google Maps API v3

by

You need to create just one InfoWindow object, keep a reference to it, and reuse if for all the markers. Quoting from the Google Maps API Docs:

If you only want one info window to display at a time (as is the behavior on Google Maps), you need only create one info window, which you can reassign to different locations or markers upon map events (such as user clicks).

Therefore, you may simply want to create the InfoWindow object just after you initialize your map, and then handle the click event handlers of your markers as follows. Let’s say you have a marker called someMarker:

google.maps.event.addListener(someMarker, 'click', function() {
   infowindow.setContent('Hello World');
   infowindow.open(map, this);
});

Then the InfoWindow should automatically close when you click on a new marker without having to call the close() method.

More Related Contents:

  1. Google Maps API v3: How to remove all markers?
  2. How do I limit panning in Google maps API V3?
  3. Google maps Places API V3 autocomplete – select first option on enter
  4. How to call fromLatLngToDivPixel in Google Maps API V3?
  5. Google Maps JavaScript API RefererNotAllowedMapError
  6. Google Maps API – Getting closest points to zipcode
  7. google maps move marker with lat/lng from ajax success returned data
  8. Google Maps API v3: Can I setZoom after fitBounds?
  9. How to set zoom level in google map
  10. Google Maps – How to get the distance between two point in metre?
  11. Load google maps v3 dynamically with ajax
  12. How to get the formatted address from a dragged marker in Google Version Maps
  13. How to draw a polygon around a polyline in JavaScript?
  14. Google Maps JavaScript API won’t display markers from KML exported from My Maps
  15. Google Maps API v3 adding an InfoWindow to each marker
  16. Open infoWindows from an external link outside of the google map
  17. Google Maps Api v3 – getBounds is undefined
  18. Can I remove just the popup bubbles of POI’s in Google Maps API v3?
  19. Animating Multiple Markers
  20. Google map custom marker with css rounded corner
  21. How can I modify the markers?
  22. How to trigger the onclick event of a marker on a Google Maps V3?
  23. remove route with google map
  24. Check if a latitude and longitude is within a circle google maps
  25. Add CSS styled marker to google maps
  26. Using Longitude/Latitude as Waypoint
  27. Google Directions Api returning 0 routes
  28. Google Maps API map doesn’t appear [duplicate]
  29. How to connect two points in Google map..?
  30. Change map opacity outside circle of Google Maps JavaScript API v3

Leave a Comment