Question

我有一个使用谷歌地图（通过JavaScript）的网络应用程序。当用户按下按钮时，我想阻止用户与地图交互并提供“加载...”的叠加层。我不知道如何通过JavaScript来做到这一点。目前，我有以下内容：

<button class="btn btn-info" onclick="loadData();">Load</button>
<div id="myMap" style="width:100%; height:500px;"></div>

<script type="text/javascript">
    var myMap = null;
    $(function () {
        var options = { zoom: 14), center: maploc, mapTypeId: google.maps.MapTypeId.ROAD };
        myMap = new google.maps.Map(document.getElementById("myMap"), options);    
    });

    function loadData() {

    }
</script>

我不确定如何用地图解决我的情况。

Answer 1

您可以在HTML文件中添加叠加div，在调用函数时将div的显示设置为块，当数据加载完毕后，可以将显示设置为无。（或设置元素对hidden或visible）的可见性

样品：

  <body>
    <div id="overlay"></div>
  </body>

您可以查看此JSFiddle以获取更多详细信息： https://jsfiddle.net/pdvdyh79/

<强>被修改：或者您可以看到此示例：https://jsfiddle.net/pdvdyh79/2/，它在加载窗口时显示叠加层（visibility等于visible），并在地图完成后隐藏叠加层加载回调功能。（visibility设置为hidden）。

禁用Google地图

1 个答案: