4

私は基本的に、#map_divdivの自動ズームと自動中心機能を設定する方法を試しています。しかし、マーカーは動的に生成されるため、幅と高さに基づいて、ズームと中央が自動的に機能する必要があります。#map_div

しかし、私のgmap3スクリプトでわかるように、ズームと中央揃えを手動で決定する必要があります。クールではありません。

このスクリプトスニペットを以下で見つけましたが、スクリプトと統合する方法がわかりません.gmap3。.gmap3どういうわけか私のjqueryプラグインスクリプトと統合することは可能ですか？


中心点計算変数..

// map: an instance of google.maps.Map object
// latlng: an array of google.maps.LatLng objects
var latlngbounds = new google.maps.LatLngBounds( );
for ( var i = 0; i < latlng.length; i++ ) {
  latlngbounds.extend( latlng[ i ] );
}
map.fitBounds( latlngbounds );

上記のスクリプトをここで見つけました


以下の私の.gmap3スクリプト...

jQuery(function($) {    

    $('#map_div').gmap3({
        action: 'init',
        options: {
            center: [50.799019, -1.132037],
            zoom: 5,
            scrollwheel: false
        }
    }, {
        action: 'addMarkers',
        markers: [{
            lat: 50.799019,
            lng: -1.132037,
            data: 'Test One'},
        {
            lat: 50.365162,
            lng: -4.712017,
            data: 'Test Two'},
        {
            lat: 54.518726,
            lng: -5.881054,
            data: 'Test Three'},
        {
            lat: 52.780964,
            lng: -1.211863,
            data: 'Test Four'},
        {
            lat: 51.433998,
            lng: -2.549690,
            data: 'Test Five'
        }],
        marker: {
            options: {
                draggable: false
            }
        }
    });
});


私は通常jsfiddleを実行しますが、サイトはダウンしています。

これに関するどんな助けもとても感謝するでしょう。

4

2 に答える 2

0

自動調整機能を試しましたか？

http://gmap3.net/en/catalog/16-misc/autofit-58

この関数は、追加された各オーバーレイ (マーカー、円など) を含むようにマップ境界を拡張します。

$('#test').gmap3(
  { circle:{
      options: {
        center: [37.772323, -122.214897],
        radius : 2500000,
        fillColor : "#008BB2",
        strokeColor : "#005BB7"
      }
    }
  },
  "autofit"
);
于 2013-07-11T15:06:52.873 に答える