如何重绘谷歌嵌入式地图？

Question

我在我们的 CMS 中使用 Google 的嵌入地图 API 作为自定义编辑器，以允许我们的客户在他们的网站上轻松创建响应式 Google 地图或路线图 - 我已经获得了地图渲染和响应窗口调整大小但我看不出有任何方法可以强制“重绘”地图。我搜索了他们的开发文档https://developers.google.com/maps/documentation/embed/，似乎找不到任何关于重绘地图的信息。当我浏览谷歌时，我只能找到通过 Javascript API 重绘的示例，但由于这只是页面上的一个 IFRAME，没有分配给地图的 javascript 变量，我只能触发“调整大小”事件。 Google 是否支持我正在尝试做的事情？

Answer 1

你可以通过调用resize来重绘/刷新iframe，你应该使用谷歌地图事件、选项和方法来改变地图的内容。

google.maps.event.trigger(map, 'resize');

您可以调整 iframe 的大小以适应您自己网站的结构和设计，请注意，不支持任何尺寸小于 200 像素的嵌入式地图。

这是一个相关的 SO 票，包含如何重绘地图：Redraw google maps on parent container resize / http://forums.asp.net/t/1987472.aspx?Is+it+possible+to+refresh+update+the+infoboxes+in+Google+Maps