Trigger map.updateSize() via a custom event

diff --git a/app/assets/javascripts/map.js.erb b/app/assets/javascripts/map.js.erb
index d976b9f8c9f0c82ef27010b9608257601ca7257d..c97dc76c324330fced074c3682724174a7cf188f 100644 (file)
--- a/app/assets/javascripts/map.js.erb
+++ b/app/assets/javascripts/map.js.erb
@@ -71,6 +71,10 @@ function createMap(divName, options) {
    });
    map.addLayer(markers);
 
+   $("#" + divName).on("resized", function () {
+     map.updateSize();
+   });
+
    return map;
 }
 

diff --git a/app/views/site/_resize.html.erb b/app/views/site/_resize.html.erb
index 3e371a417efdc0c2e5e24263947bfaa63bf4b696..4b312bf8c49927890a47d740a5f808df5800761b 100644 (file)
--- a/app/views/site/_resize.html.erb
+++ b/app/views/site/_resize.html.erb
@@ -35,10 +35,7 @@
     <% end -%>
     $("#map").width(content_width - sidebar_width - left_border - right_border);
     $("#map").height(content_height - top_border - bottom_border);
-
-    <% if params[:controller] == "site" and params[:action] == "index" -%>
-    map.updateSize();
-    <% end -%>
+    $("#map").trigger("resized");
   }
 
   function handleResize() {