在Google地图上添加加载叠加层

时间:2012-05-02 15:38:47

标签: javascript google-maps overlay loading

大家好我们有谷歌地图v3,当通过ajax拖动时加载标记 - 我很好 - 我只是想知道如何在我的地图上添加加载栏 - 我已经在使用

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

还有别的东西可以停止拖动。

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

由于 理查德

2 个答案:

答案 0 :(得分:2)

我遇到了同样的问题并通过在地图上添加一个图层来解决它(在我的情况下,我只需要加载,我没有任何其他理由来添加另一个插件):

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 :(得分:1)

  1. 如果您只是想要在地图上放置包含文字的矩形的东西,基本上是标签,您可能需要考虑:InfoBox
  2. 如果您想要动态显示进度的内容,可能需要使用:ProgressBarControl
相关问题