Google Maps v3 tileloaded Event

时间:2010-09-08 00:40:57

标签: javascript google-maps javascript-events

我正在尝试在加载Google地图图块时创建“加载图片”消息。我的实现基本上是这样的:

  • maptypeid_changed 空闲事件触发时,我会显示加载消息
  • 只要 tilesloaded 事件触发
  • ,就会移除加载消息

我面临的问题是:

  • 如果已经加载了地图的图块(例如在缓存中或从之前的平移操作中),则不会触发 tilesloaded 事件。
  • 如果地图视图的图块未完全加载并且我更改了地图类型,则 tilesloaded 事件会触发两次。我通过设置一个标记来查看是否地图类型更改后跟一个 tilesloaded 事件,如果没有,代码会丢弃第一个 tilesloaded 事件收到 maptypeid_changed 事件后收到。

由于没有 aretilesloaded 功能,无论如何我都可以在显示加载消息之前检查是否已经加载了切片。另外,无论如何围绕 tileloaded 事件的双重触发,还是我必须使用丢弃方法?

1 个答案:

答案 0 :(得分:0)

我过去所做的是使用CSS将“加载”消息设置为地图div的背景图像。这样,当顶部没有标题时,图像总是显示,这意味着它们正在被加载。

您可以在http://geobetty.com/el-paso-tx/trail-map

查看其工作原理

我将图像置于中心位置。如果你想加载消息显示没有标题的地方,那么只需设置你的CSS背景规则重复;