在谷歌地图上添加加载叠加层

Add a loading overlay onto google maps

本文关键字：叠加 加载 添加 谷歌地图      更新时间：2023-09-26

嗨，伙计们，我们有一个谷歌地图v3，当通过ajax拖动时，它会加载标记 - 我没问题 - 我只是想知道如何在地图上添加加载栏 - 我已经在使用

container.style.filter = "alpha(opacity=60);";
                container.style.opacity = 0.6;

还有其他东西可以停止拖动。

最好的方法是什么 - 如果我想使用一些 html 而不是图像。

谢谢理查

我遇到了同样的问题，并通过在地图上添加一个图层来解决它（就我而言，我只需要加载，我没有任何其他理由添加另一个插件）：

.HTML：

<div id="holder" style="position: relative;">
    <div class="overlay standard hidden">&nbsp</div>
    <div id="map"></div>
</div>

.CSS：

div#holder {
    position: relative;
}
.hidden {
    display: none;
}
div.overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.7;
    z-index: 1;
}
div.overlay.standard { background: #fff url(/image/loading.gif) no-repeat 50% 50%; }
  1. 如果您只想要在地图上放置一个包含文本的矩形（本质上是一个标签）的东西，您可能需要考虑： 信息框
  2. 如果你想要动态显示进度的内容，你可能想要使用：进度栏控件
相关文章：