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

时间:2016-08-04 14:26:38

标签: google-maps iframe

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

1 个答案:

答案 0 :(得分:0)

您可以通过调用resize来重绘/刷新iframe,您应该使用Google地图事件,选项和方法来更改地图的内容。

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

您可以调整iframe的大小以适应您自己网站的结构和设计,请注意,在任一维度上,大小不超过200px都不支持嵌入式地图。

这是一张相关的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