Question

我在Google地图api v3中添加了加载图片。单击按钮时，加载图像显示，但加载地图后我无法隐藏加载图像。请帮我提一些建议。

Google地图位于div id：map_canvas

下

加载图片出现在div id：inner

下

我正在使用代码：$（'div.inner'）。show（）;单击按钮后显示加载图像。

我尝试使用此代码来隐藏加载图片，但它不起作用：

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(window).load(function(){
      $("#inner").hide();
})
</script>

我也尝试过使用$（map_canvas）.load（function（）...

我也尝试添加$（“＃inner”）。hide（）;在地图代码的最后一行。但没有任何效果。

完全加载谷歌地图后，请帮我隐藏加载图片。

编辑：............................................. ..............................

我明白了。

创建一个这样的函数：

function hide()
    {
        $('div.inner').hide();
    }

并在地图代码的最后一行调用它，它工作。

Answer 1

我不使用jQuery，所以我会这样做：

var loadingDiv = document.getElementById('inner');
loadingDiv.style.display = 'none';

Answer 2

你可以在google map api v3中查看tilesloaded事件。查看SAMPLE PAGE

谷歌地图加载后隐藏加载图像

2 个答案: