jquery - Gmap3 jquery プラグインのある種のプリローダー

Question

gmap3 jquery プラグインを使用して、Google マップにオブジェクトを表示しています。読み込み中は、ヨーロッパが地図に表示され、(すべてのマーカーが読み込まれると思います) 地図が私の場所 (サマラ、ロシア) に切り替わります。マップの読み込み中に何らかのプリローダーを表示できますか? ここで実際の例を見ることができます: 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','');