谷歌地圖刷新而不顯示灰色

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

首先，您可以將包含map的div的visibility設置為hidden ； 然后聽第一個tilesloaded事件，並將visibility設置回visible 。 這樣做后，只有加載了所有圖塊后，才應該彈出地圖（因此不會出現灰屏）

這是一個快速演示，它就是這樣做的：
http://jsfiddle.net/nq5t85sz/1/