resize event is passed to google maps properly on jquery dialog resize

frontend-js/src/main/js/map/Submap.js

@@ -10,7 +10,7 @@ var TouchMap = require('./TouchMap');
 /**
  * Constructor of a submap. Submaps are created on application start. But dialog
  * (popup window) is initialized on demand using init function.
- * 
+ *
  * @param customMap
  *          parent CustomMap
  * @param id
@@ -38,7 +38,7 @@ Submap.prototype.constructor = Submap;
 /**
  * This method initializes submap with gui component. Before this point submap
  * is created and contains data, but cannot be visualized in the broswer.
- * 
+ *
  * @param htmlTag
  *          html div tag where google map should be placed
  * @param jsVar
@@ -73,6 +73,9 @@ Submap.prototype.open = function(htmlTag) {
         at : "center",
         of : $(self.getTopMap().getElement()),
       },
+      resize: function() {
+        google.maps.event.trigger(self.getGoogleMap(), 'resize');
+      }
     });
 
     $(self.htmlTag).dialog("open");
@@ -80,10 +83,6 @@ Submap.prototype.open = function(htmlTag) {
     self.setGoogleMap(new google.maps.Map(mapDiv, mapOptions));
     self._createMapChangedCallbacks();
 
-    $(self.htmlTag).bind("resize", function() {
-      google.maps.event.trigger(self.getGoogleMap(), 'resize');
-    });
-
     google.maps.event.trigger(self.getGoogleMap(), 'resize');
 
     if (self.isCustomTouchInterface()) {

[Piotr Gawron]

this solves #264 (closed)