Javascript 在谷歌地图上添加加载覆盖

Javascript 在谷歌地图上添加加载覆盖,javascript,google-maps,overlay,loading,Javascript,Google Maps,Overlay,Loading,大家好,我们有一个google map v3,当通过ajax拖动时,它会加载标记-我完全同意-我只是想知道如何在我的地图上添加加载栏-我已经在使用 container.style.filter = "alpha(opacity=60);"; container.style.opacity = 0.6; 还有别的东西可以停止拖拉 最好的方法是什么?如果可能的话,我想使用一些html而不是图片 谢谢 理查德 如果你只想在地图上放置一个包含文本的矩形,本质上是一个

大家好,我们有一个google map v3,当通过ajax拖动时,它会加载标记-我完全同意-我只是想知道如何在我的地图上添加加载栏-我已经在使用

container.style.filter = "alpha(opacity=60);";
                container.style.opacity = 0.6;  
还有别的东西可以停止拖拉

最好的方法是什么?如果可能的话,我想使用一些html而不是图片

谢谢 理查德

如果你只想在地图上放置一个包含文本的矩形,本质上是一个标签,你可能需要考虑一个:
  • 如果需要动态显示进度的内容,您可能需要使用:
  • 如果你只想在地图上放置一个包含文本的矩形,本质上是一个标签,你可能需要考虑一个:
  • 如果需要动态显示进度的内容,您可能需要使用:

  • 我也遇到了同样的问题,通过在地图上添加一个图层解决了这个问题(在我的例子中,我只需要加载,我没有任何其他理由添加另一个插件):

    HTML:


    我也遇到了同样的问题,通过在地图上添加一个图层解决了这个问题(在我的例子中,我只需要加载,我没有任何其他理由添加另一个插件):

    HTML:


    感谢InfoxBox-只是为了填充一些人-您可以将Infobox附加到地图上而无需标记-但是您需要包含LIB。感谢InfoxBox-只是为了填充一些人-您可以将Infobox附加到地图上而无需标记-但是您需要包含LIB。
    <div id="holder" style="position: relative;">
        <div class="overlay standard hidden">&nbsp</div>
        <div id="map"></div>
    </div>
    
    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%; }