Add listeners to close infowindow when another is opened (#628)

RefugeRestrooms · Jun 28, 2020 · 6c95b14 · 6c95b14
1 parent d5fee11
commit 6c95b14
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/app/javascript/packs/lib/maps.js.erb b/app/javascript/packs/lib/maps.js.erb
@@ -8,6 +8,7 @@ const circleMarkerImage = "<%= helpers.image_path('marker-circle.png') %>";
 const showMarkerImage = "<%= helpers.image_path('show-icon.png') %>";
 
 let map;
+let lastOpenedInfoWindow;
 
 function initMap(x, y, image, draggable, callback){
   image = typeof image !== 'undefined' ? image : currentLocationImage;
@@ -81,8 +82,20 @@ function placeMarker(lat, lng, content, number){
   });
 
   marker.addListener('click', function() {
+    closeLastOpenedInfoWindow();
     infoWindow.open(map, marker);
+    lastOpenedInfoWindow = infoWindow;
   });
+
+  google.maps.event.addListener(map, 'click', function(event) {
+    infoWindow.close();
+  });
+}
+
+function closeLastOpenedInfoWindow() {
+    if (lastOpenedInfoWindow) {
+        lastOpenedInfoWindow.close();
+    }
 }
 
 function generateContent(data){