关键词：
【中文标题】重新加载谷歌地图【英文标题】：Reloading google map 【发布时间】：2013-03-01 13:06:02 【问题描述】：我的网站上有 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>
就像当屏幕等于某个宽度时，具有该 ID 的 iframe 会重新加载或刷新
【问题讨论】：
【参考方案1】：没有实际的事件处理程序，因此它只会在浏览器加载时触发一次（这显然不是您想要的）。当您使用 jQuery 时，请将您的代码包装在：
$(window).resize(function()
// code goes here...
);
... 每次浏览器大小发生微小变化时都会运行代码。尽管您会遇到$(window).width() 很少会达到精确 像素值的问题。我不确定最佳解决方案，但涉及检查条件 +/- 30 像素的方法可能会起作用。
【讨论】：
【参考方案2】：我认为您正在 jQuery 中寻找以下事件
window.onresize = function(event)
//your code to resize and reload here
【讨论】：
【参考方案3】：如果调整了 mapdiv 的大小，Google 地图会自行重新加载。给 mapdiv 100% 的宽度。它将适合窗口的大小。如果您想更改地图的内容（图层、标记、路线...），您应该使用谷歌地图事件。这里列出了事件、选项和方法：https://developers.google.com/maps/documentation/javascript/reference
【讨论】：
重新加载谷歌地图
】重新加载谷歌地图【英文标题】：Reloadinggooglemap【发布时间】：2013-03-0113:06:02【问题描述】：我的网站上有3种不同的谷歌地图，一种用于在台式机、平板电脑和移动设备上查看时，当我调整浏览器的大小时，人们可能会执行... 查看详情
刷新/重新加载地图：谷歌地图 API V2
】刷新/重新加载地图：谷歌地图APIV2【英文标题】：Refresh/Reloadmaps:GooglemapsAPIV2【发布时间】：2011-10-1416:48:18【问题描述】：我在我的谷歌地图中显示一些标记，从数据库中检索一些点。在这里，我也可以在我的数据库中添加一... 查看详情
如何在不重新加载的情况下动态更新谷歌地图标记
】如何在不重新加载的情况下动态更新谷歌地图标记【英文标题】：Howtodynamicallyupdategooglemap\'smarkerwithoutreloadingit【发布时间】：2019-05-2405:47:13【问题描述】：我正在从汽车上获取动态经纬度（map_lat、map_lon），并且该值每1秒不... 查看详情
在 jquery mobile / phonegap 中重新加载外部脚本（即谷歌地图）
】在jquerymobile/phonegap中重新加载外部脚本（即谷歌地图）【英文标题】：Reloadingexternalscripts(ie.googlemaps)injquerymobile/phonegap【发布时间】：2014-07-1518:05:48【问题描述】：我有一个使用jquerymobile构建并使用phonegap打包的应用程序。我... 查看详情
是否可以在颤振应用程序中缓存谷歌地图？
...一个颤振应用程序，我需要其中包含谷歌地图，但每次我重新打开应用程序时它都会重新加载我想知道是否有办法在我的应用程序中缓存谷歌地图以防止重新加载【问题讨论】：欢迎来到StackOverflow！这个问题是相当开放的。您... 查看详情
谷歌地图加载失败
】谷歌地图加载失败【英文标题】：Googlemapfailedtoload【发布时间】：2018-04-0816:29:11【问题描述】：我需要在我的网页中集成一个谷歌地图。我生成了一个API。但是地图没有显示。我正在本地服务器上对其进行测试。<h3>MyGoogle... 查看详情
启用位置后刷新谷歌地图
...该启用。当用户启用位置设置时，地图保持空白。我必须重新加载页面才能加 查看详情
谷歌地图第一次没有加载
】谷歌地图第一次没有加载【英文标题】：GoogleMapisnotloadingforthefirsttime【发布时间】：2013-03-3003:46:43【问题描述】：我正在使用GoogleMapsJavaScriptAPI在我的移动网站中加载地图。当我从上一页导航时，地图不会加载，但如果我按预... 查看详情
IOS 错误：谷歌地图无法在 iPhone 上加载地图
】IOS错误：谷歌地图无法在iPhone上加载地图【英文标题】：IOSError:GoogleMapsdoesnotloadthemaponiPhone【发布时间】：2018-03-1215:16:09【问题描述】：Google地图不会在iPhone上加载地图。但是，当我将iPhone连接到Xcode并执行项目时，它会正确... 查看详情
安卓谷歌地图无法加载
】安卓谷歌地图无法加载【英文标题】：androidgooglemapnotload【发布时间】：2015-08-0414:54:48【问题描述】：我的问题是当应用程序连接到GoogleMapAPiV2时地图未加载它连接没有任何错误但地图未加载缩放按钮出现了，但是.....请帮帮我... 查看详情
谷歌地图：重新定义中心点，适合特定区域的边界
】谷歌地图：重新定义中心点，适合特定区域的边界【英文标题】：GoogleMaps:redefinecenterpoint,fitboundstospecificarea【发布时间】：2012-12-2610:53:08【问题描述】：这是我在使用GoogleMapsAPI时遇到的真正挑战。我有一个全屏的应用程序，... 查看详情
mapxtreme如何加载在线地图如高德，谷歌之类的
mapxtreme如何加载在线地图如高德，谷歌之类的，最好有源码的，求问参考技术A如果你仅仅是使用地图在国内导航，那么就使用高德地图吧。因为国内根本就不准使用谷歌的东西。你下载了谷歌地图也是无法使用的高德和谷歌地... 查看详情
页面加载后谷歌地图不显示[重复]
】页面加载后谷歌地图不显示[重复]【英文标题】：Googlemapdoesn\'tdisplayedafterpageload[duplicate]【发布时间】：2019-07-2721:28:34【问题描述】：在我的商店定位器页面中，谷歌地图会出现几分钟然后消失，在控制台中我收到错误：Google... 查看详情
谷歌地图根本没有加载，没有任何错误
】谷歌地图根本没有加载，没有任何错误【英文标题】：Googlemapdoesnotloadatall,withoutanyerror【发布时间】：2018-12-2906:31:50【问题描述】：Google地图仍在闪烁且无法加载。所有脚本、api密钥和代码都是正确的。应用程序gradle文件是：a... 查看详情
如何让谷歌地图再次请求位置权限？
...，用户不小心点击了“拒绝”而不是“允许”，他们需要重新加载页面以正确定位。有没有一种方法可以让用户触发一些JS调用，例如通过点击一个按钮来更改 查看详情
谷歌地图 URL 阻止航点重新排序
】谷歌地图URL阻止航点重新排序【英文标题】：GoogleMapsURLpreventwaypointreorder【发布时间】：2015-02-2716:21:44【问题描述】：问题：***上有一些关于构建googlemapsurl以在浏览器中打开和显示路线的答案。参数解释以here为例。现在我有... 查看详情
当我加载大量自定义标记时，谷歌静态地图显示空白
】当我加载大量自定义标记时，谷歌静态地图显示空白【英文标题】：Googlestaticmapshowingblankwheniloadinglargeamountofcustommarkers【发布时间】：2018-04-0711:41:08【问题描述】：我正在尝试使用标记打印谷歌静态地图。当我试图在谷歌静态... 查看详情
Flutter -> 在后台加载谷歌地图
】Flutter->在后台加载谷歌地图【英文标题】：Flutter->loadinggooglemapsinbackground【发布时间】：2020-02-1204:50:39【问题描述】：我需要在后台加载地图，因为当我第一次点击maps.dart的选项卡时，地图正在加载。它看起来很糟糕，所... 查看详情