某种Gmap3 jquery插件的预加载器

时间:2013-04-24 06:59:35

标签: jquery google-maps jquery-gmap3

我正在使用gmap3 jquery插件在谷歌地图上显示对象。当它正在加载时,欧洲会显示在地图上,然后(我想当加载所有标记时)地图会切换到我的位置(俄罗斯萨马拉)。我可以在加载地图时显示某种预加载器吗?你可以在这里看到真实的例子:http://www.roomas.ru按“Показатьнакарте”标签查看地图。

1 个答案:

答案 0 :(得分:2)

您可以显示“loading ...”这样的标签,并在地图准备好后隐藏它。 我用了maplabel。

源: 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','');