Gmap3のタグ付き自動フィットを使用しますか？ （リンクでのオートフィットデモが動作しないように見えるが、私は私の地元のデモにパラメータを追加するとき、それは正常に動作します、）以下Gmap3ための2つの機能を組み合わせしようとしている

Question

イム：

http://gmap3.net/examples/tags.html

http://gmap3.net/api/auto-fit.html

マーカーの表示と非表示を切り替える領域のティックボックスが必要なので、この選択後にマップを自動的に拡大/縮小してページのすべてのピンを表示したいとします。

これは可能ですか？これを達成するにはどうすればよいですか？ありがとう

Answer 1

これは、自動フィットが削除されたアイテムを処理していないかのようです。

しかし、これはあなた自身で実装することができます。

与え例えば、この変更は、それを行います。

---

1.

このライン置き換える：それは保存されます

if(tmp[ ville.region ]) 
{ 
tmp[ ville.region ].bounds.extend(new google.maps.LatLng(ville.lat,ville.lng)) 
} 
else 
{ 
tmp[ ville.region ]= 
    { 
    bounds:new google.maps.LatLngBounds(new google.maps.LatLng(ville.lat,ville.lng)), 
    checked:true 
    } 
} 

：によって

tmp[ ville.region ] = true; 

を各地域ごとにそれは、チェックインステータスを設定します

tmp[region].checked=checked; 
var bounds=new google.maps.LatLngBounds(); 

$.each(tmp,function(i,o) 
         { 
         if(o.checked) 
         { 
          bounds.union(o.bounds); 
         } 
         } 
       ); 
map.fitBounds(bounds); 

：

$.each(markers, function(i, marker){ 
       marker.setMap(checked ? map : null); 
      }); 

これらの行：電子のLatLngBoundsとステータス（チェック）

---

2.

は、この後に権利を追加しますすべての可視領域のLatLngBoundsを計算します。結果はmap.fitBoundsの引数（として使用されます）

---

デモ：//センター：：http://jsfiddle.net/doktormolle/nBtVB/