78

マップをレンダリングするこのコードがあります。

function initialize() {
    var myOptions = {
      center: new google.maps.LatLng(45.4555729, 9.169236),
      zoom: 13,
      mapTypeId: google.maps.MapTypeId.ROADMAP,

panControl: true,
mapTypeControl: false,
panControlOptions: {
            position: google.maps.ControlPosition.RIGHT_CENTER
        },
zoomControl: true,
zoomControlOptions: {
    style: google.maps.ZoomControlStyle.LARGE,
    position: google.maps.ControlPosition.RIGHT_CENTER
},
scaleControl: false,
streetViewControl: false,
streetViewControlOptions: {
    position: google.maps.ControlPosition.RIGHT_CENTER
            }
        };
    var map = new google.maps.Map(document.getElementById("mapCanvas"),
        myOptions);



var Item_1 = new google.maps.LatLng(45.5983128 ,8.9172776);

var myPlace = new google.maps.LatLng(45.4555729, 9.169236);

var marker = new google.maps.Marker({
    position: Item_1, 
    map: map});

var marker = new google.maps.Marker({
    position: myPlace, 
    map: map});

var bounds = new google.maps.LatLngBounds(myPlace, Item_1);
map.fitBounds(bounds);

    }

2 つのポイントが 25 km 離れていても、次の結果が得られます。

ここに画像の説明を入力

より高いレベルのズームをレンダリングしたいのですが。

このような

ここに画像の説明を入力

メソッドfitBounds()を使用します

    var bounds = new google.maps.LatLngBounds(myPlace, Item_1);
    map.fitBounds(bounds);

ご協力ありがとうございました

4

4 に答える 4

160

これはLatLngBounds()、 がパラメータとして任意の 2 点をとるのではなく、SW と NE の点を取るために発生します。

.extend()空の境界オブジェクトでメソッドを使用する

var bounds = new google.maps.LatLngBounds();
bounds.extend(myPlace);
bounds.extend(Item_1);
map.fitBounds(bounds);

http://jsfiddle.net/gaby/22qte/のデモ

于 2012-04-22T13:03:39.213 に答える
32

LatLngBounds(南西、北東) の順序でポイントを定義する必要があります。あなたのポイントはその順序ではありません。

特にポイントが確実にその順序になるかどうかわからない場合の一般的な修正は、空の境界を拡張することです。

var bounds = new google.maps.LatLngBounds();
bounds.extend(myPlace);
bounds.extend(Item_1);
map.fitBounds(bounds);

API が境界を整理します。

于 2012-04-22T13:05:39.063 に答える
25

上記で提案したように LatLngBounds を構築していますが、あなたが説明したのと同じ問題があります。問題は、物事が非同期でありmap.fitBounds()、間違ったタイミングで呼び出しを行うと、Q のような結果が残る可能性があることです。

google.maps.event.addListenerOnce(map, 'idle', function() {
    map.fitBounds(markerBounds);
});
于 2014-01-16T08:53:30.423 に答える