Google maps 使用GMAP加载GeoJSON期间显示加载状态

如何使用

loadGeojson

函数Gmaps拦截GeoJSON的加载？我携带了一个多行的gejson，但需要几秒钟才能出现在屏幕上，我需要添加一个加载，以便用户等待充电

function load(){
  google.maps.event.addListener(myLayer, 'addfeature', function (e) {
    map.setCenter(e.feature.getGeometry().getAt(0).getAt(0));
  });       

  myLayer.loadGeoJson("/data/myLayer.json");
  myLayer.setMap(map); 

  myLayer.setStyle(function(feature) {  
   return {
      strokeColor: "#B00000",
      strokeOpacity:0.8,  
      strokeWeight: 4  
    };
  });
}

---

伊万：你的回答就是我问题的答案。非常感谢。但仍有疑问，只有在我创建新地图对象时才有效：

  ......
  var map = new google.maps.Map(document.getElementById('map'), mapOptions);
  cicloviasLayer.setMap(map); 

我不想创建新地图，但要在现有地图中绘图，在这种情况下如何运行加载？

如中所述：

使用CSS添加加载

giff

图像：

#map_canvas {background: transparent url(images/ajax-loading.gif) no-repeat center center;}

---

加载map后将显示它，如中所示。

如果您查看一下，您将看到loadGeoJson有一个回调函数作为第三个参数。因此，您可以在调用loadGeoJson之前显示微调器，并在调用回调之后立即隐藏它。

Ivan我需要更多信息在加载地图对象之前，我编辑了我的问题