重新加载谷歌地图

我在我的网站上有3个不同的谷歌地图，一个用于在桌面，平板电脑和手机上观看时，当我调整我的浏览器时，人们可能会做新的地图指针，现在已调整大小不在右侧的地方，直到我刷新页面，我只想重新加载iframe中，即时通讯非常新的JavaScript和试过，但其贫富工作重新加载谷歌地图

<script type="text/javascript"> 
      if($(window).width() == 985){ 

       document.getElementById('map-desk').contentWindow.location.reload(true); 
      } 

      if($(window).width() == 975){ 

       document.getElementById('map-tab').contentWindow.location.reload(true); 
      } 

      if($(window).width() == 765){ 

       document.getElementById('map-mob').contentWindow.location.reload(true); 
      } 

     </script>

当屏幕等于一定宽度的iframe与ID重载左右喜欢刷新

来源

2013-03-13 Sam Jones

没有实际的事件处理程序，因此它只会在浏览器加载时触发一次（显然不是您想要的）。当你正在使用jQuery，包你的代码：

$(window).resize(function() { 

    // code goes here... 

});

...这将运行每一次甚至还有一分钟改变浏览器的大小中的代码。虽然你会碰到这个问题，$(window).width()是很少会打到确切像素值。我不确定最好的解决方案，但是涉及检查+/- 30像素的条件的东西可能工作。

来源

2013-03-13 14:35:04

我认为您的jQuery

寻找以下事件

window.onresize = function(event) { 
    //your code to resize and reload here 
}

来源

2013-03-13 14:36:00 ocolot

谷歌地图重新加载自身，如果mapdiv调整大小。给mapdiv 100％的宽度。它将适合窗口的大小。如果你想改变地图的内容（图层，标记，路线...），你应该使用谷歌地图事件。这里列出的活动，选项和方法：https://developers.google.com/maps/documentation/javascript/reference

来源

2013-03-13 14:48:38 osmanraifgunes

重新加载谷歌地图

回答

相关问题