【问题标题】:Image in google maps v3 infowWindow loading twice谷歌地图 v3 信息窗口中的图像加载两次
【发布时间】:2012-04-05 09:02:58
【问题描述】:

我尝试在 infoWindow 中显示图像。没什么特别的,但是当 infoWindow 打开时,内容被加载了两次。当我用一些文本替换<img> 标签时,一切都很好。 在设置内容并显示之前,我通过 ajax 检索 infoWindow 的 html 内容。这个调用只进行一次(萤火虫告诉我)。但是 infoWindow 的“domready”事件被调用了两次。 infoWindow里面的图片有什么问题?

这是 infoWindow 的 html:

<img class="content-image" src="./content/image/1.jpg" width="450" heigth="400">

除了domready 之外还有什么事件可以在调用 infoWindow.open() 后收听吗?

【问题讨论】:

  • 能否请您发布一些更多相关的代码或演示?

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


【解决方案1】:

遇到了同样的问题,并得出结论,当图像触发加载事件时,Google Maps API 会触发 domready 事件。

还发现当使用背景图片时,domready 不会被触发两次

我的解决方案:我不再信任 infowindow domready 事件,我使用我的请求的成功回调来为我提供 infowindow 内容

注意

信息窗口事件列表:

  • closeclick :单击关闭按钮时触发此事件。
  • content_changed 当内容属性发生时触发此事件 变化。
  • domready :当包含 InfoWindow 的内容附加到 DOM。您可能希望监控 如果您正在构建信息窗口内容,则此事件 动态的。
  • position_changed : 当位置变化时触发此事件 属性变化。
  • zindex_changed :当 InfoWindow 的 zIndex 发生变化。

【讨论】:

  • 您能否通过将代码添加到您的答案中来详细说明您的解决方案?谢谢
猜你喜欢
  • 2013-05-18
  • 1970-01-01
  • 2015-03-10
  • 2013-12-16
  • 1970-01-01
  • 2011-09-28
  • 2020-08-25
  • 1970-01-01
  • 2015-04-09
相关资源
最近更新 更多