Google 地图 API 3 加载图标

Question

有没有办法在地图加载标记时显示加载图标？我正在使用 google 地图 API 3 和 javascript，但找不到太多关于此的信息。

Answer 1

根据 API 文档，此事件现在称为“status_changed”：https://developers。 google.com/maps/documentation/javascript/reference#KmlLayer

它可以像这样使用：

google.maps.event.addListener(kmlLayer, 'status_changed', function () {
    if (kmlLayer.getStatus() == google.maps.KmlLayerStatus.OK) {
        // Success
    }
    else {
        // Failure
    }
});

Answer 2

如果您使用 KmlLayer 对象加载标记，则可以将侦听器附加到事件 metadata_changed，该事件在 KmlLayer 加载所有信息后触发。

因此，您可以在初始化地图后立即显示自定义加载图标，然后使用 new google.maps.KmlLayer(...) 调用标记。在 metadata_changed 的侦听器中，您可以删除自定义加载图标，或隐藏它以使其不显示。因此，当 KmlLayer 完成加载时，它将运行代码以删除加载图标。

您可以通过以下方式附加侦听器：

google.maps.event.addListener(kmlLayerObject, 'metadata_changed', function () {
    ...
}

Answer 3

您还可以使用加载 div“隐藏”地图画布并在初始化后显示它。

另一件需要注意的事情是，当地图在 init 中隐藏时，它可能会表现得很奇怪，可以通过“调整”地图大小来修复：

http://groups.google.com/group/google-maps-js-api-v3/browse_thread/thread/251f20b769d116ea/ba3ca54f5e1352a2