【问题标题】:Redraw google maps on parent container resize在父容器调整大小时重绘谷歌地图
【发布时间】:2014-12-05 08:41:27
【问题描述】:

我在页面上有一个 google map api v3,当放大到完整的窗口大小时,它不会重绘自身。可以看到问题here

我查看了人们在类似问题中所说的话,我发现每个人似乎都在用这行代码解决这个问题。

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

我试过了,但似乎没有帮助。非常感谢您的反馈。

【问题讨论】:

  • 改为触发window的resize-event
  • 我没有调整浏览器窗口的大小。只有一个 html 元素被调整大小。
  • 但是设置地图中心的监听器绑定到窗口的resize-event,而不是地图的。此外,API 在内部观察窗口的调整大小事件并重绘地图。

标签: javascript html css google-maps google-maps-api-3


【解决方案1】:

似乎对我有用...(请参阅here

基本上,仅添加 google.maps.event.trigger(map, 'resize'); 并没有帮助,您可以在您实例化的 map 对象上调用它...

【讨论】:

  • 你说的很对。我只是在写自己的答案,但是您的答案似乎更优雅。我在每次点击时都实例化一个新的谷歌地图功能,这不是很有效。不过,它是有目的的。将地图函数存储在全局变量中并在需要时访问它绝对是一种更好的做法。非常感谢。
猜你喜欢
  • 2015-09-09
  • 1970-01-01
  • 2012-07-20
  • 2015-01-16
  • 2020-01-26
  • 1970-01-01
  • 2016-02-25
  • 1970-01-01
  • 2012-02-15
相关资源
最近更新 更多