Question

我在javascript中使用Google Maps API v3，我不断使用app.get重新加载地图，并使用mongodb添加图层和书签。要删除所有内容，我会重新加载地图，当它加载时，灰色背景会显示在包含地图的div中。

您建议使用哪种技术，以便不显示灰色过渡，并且一次显示地图？

我正在使用以下代码重新加载地图，在执行重新加载的函数中;如果我将此代码放在函数之外，则到达的新元素将显示在顶部。这就是我这样做的原因。

var geocoder,map
geocoder = new google.maps.Geocoder();
var options = {
   zoom: 5,
    minZoom: 5,
    center: new google.maps.LatLng(5.1573603, -74.982409),
    mapTypeId: google.maps.MapTypeId.ROADMAP
 };

map = new google.maps.Map(document.getElementById('map'), options);

Answer 1

您可以先将包含地图的visibility的{{1}}设为div;然后收听第一个hidden事件，并将tilesloaded设置回visibility。这样做只有在加载了所有图块之后才会弹出地图（所以没有灰色屏幕）

这是一个简单的快速演示：
http://jsfiddle.net/nq5t85sz/1/

谷歌地图刷新而不显示灰色

1 个答案: