jquery - Gmap3 jquery 插件的某种预加载器

Question

我正在使用 gmap3 jquery 插件在谷歌地图上显示对象。在加载时，地图上显示了欧洲，然后（我想当所有标记都加载后）地图切换到我的位置（俄罗斯萨马拉）。我可以在地图加载时显示某种预加载器吗？您可以在此处查看真实示例：http : //www.roomas.ru 按“Показать на карте”选项卡查看地图。

Answer 1

您可以显示“正在加载...”之类的标签，并在地图准备好时将其隐藏。我使用了地图标签。

来源： https ://code.google.com/p/google-maps-utility-library-v3/source/browse/trunk/maplabel/src/maplabel.js?r=300

参考：http: //google-maps-utility-library-v3.googlecode.com/svn/trunk/maplabel/docs/reference.html

用法：

var myLatlng = new google.maps.LatLng(0,0);
var myOptions = {
  zoom: 2,
  center: myLatlng,
  mapTypeId: google.maps.MapTypeId.ROADMAP,
  navigationControl: true,
  mapTypeControl: true,
  scaleControl: true,
  draggable: true,
      streetViewControl:true,
      scrollwheel: false
}

map = new google.maps.Map($("#YOUR_MAP_CONTAINER_ID")[0], myOptions);

mapLabel = new MapLabel({
      text: 'Loading...',
      position: new google.maps.LatLng(map.getCenter().lat(),map.getCenter().lng()),
      map: map,
      fontSize: 35,
      strokeWeight:3,
      fontColor:'#003762',
      align: 'center'
});

mapLabel.set('position', new google.maps.LatLng(map.getCenter().lat(),map.getCenter().lng()));

要在需要时隐藏标签：

mapLabel.set('text','');