如何在包含地图容器的 div 中附加谷歌地图的调整大小方法?

Posted

技术标签:

【中文标题】如何在包含地图容器的 div 中附加谷歌地图的调整大小方法?【英文标题】:How to attach resize method of google map in div containing map container? 【发布时间】:2013-09-01 17:52:43 【问题描述】:

我已在加载时初始化地图,单击列表项标记后,将根据来自后端的数据将标记添加到地图中。之后通过单击按钮,地图应显示在另一个视图中。地图显示为左上角的一个小方块。

我知道这个问题是由于初始化地图加载引起的。但是我的地图视图很少,所以我不想每次都初始化。

有没有办法解决这个问题?

我正在使用 resize 方法..但我想知道我需要在哪里使用该函数..如果在包含地图容器的 div 中,我应该在哪个事件上附加 resize?

【问题讨论】:

你有没有试过打电话给谷歌resize:: google.maps.event.trigger(this.map, "resize"); 这里的一些答案可能会有所帮助:***.com/questions/743214/… 【参考方案1】:

在调整大小时,您可以触发主题发布并在订阅该主题时触发 Google Maps API 中的调整大小触发器?

【讨论】:

以上是关于如何在包含地图容器的 div 中附加谷歌地图的调整大小方法?的主要内容,如果未能解决你的问题,请参考以下文章

如何从谷歌地图更改div的大小[重复]

调整 div 大小时无法让 Google 地图高度自动调整大小

自动调整缩放以适应谷歌地图中的所有标记

如何在android中根据谷歌地图不同的缩放级别调整谷歌地图标记的大小

不断调整谷歌地图的大小

未使用的 div 出现在反应谷歌地图上,我无法设置它的样式