1

ハイパーリンクを使用してGoogleマップのズームレベルを制御するにはどうすればよいですか？たとえば、3つの定義されたレベル（英国の場所、ヨーロッパの英国、世界のヨーロッパ）が必要です。これらのリンクをクリックすると、異なるズームレベルの地図が表示されます。

Google MapsAPIv3を使用しています

4

1 に答える 1

5

それはそれほど難しいことではないはずです。

マップを作成すると、マップ オブジェクトへの参照が取得されます。

var mapOptions = {mapTypeId: google.maps.MapTypeId.TERRAIN};
var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

オブジェクトを取得したら、次のように特定のレベルにズームできます。

function zoomToLevel() {
    map.setZoom(8);
}

したがって、ハイパーリンクのクリック イベントを設定して、javascript 関数を実行する必要があります。

<a href="#" onclick="zoomToLevel(); return false;">Zoom to level 8</a>

ただし、あなたがやっていることについては、地図が地域に基づいて独自のズームレベルを選択する方が良いかもしれません. この関数は実際にはピレネー山脈を表示するためにズームしていますが、ポイントが対角線上にある限り、このアイデアはどのエリアにも使用できます。

function zoomPyrenees() {
    var startPoint;
    var endPoint;
    var boundsPyrenees;

    startPoint = new google.maps.LatLng(43.373403, -1.774107);
    endPoint = new google.maps.LatLng(42.482463, 3.129875);
    boundsPyrenees = new google.maps.LatLngBounds();
    boundsPyrenees.extend(startPoint);
    boundsPyrenees.extend(endPoint);

    map.fitBounds(boundsPyrenees);
}
于 2012-04-27T23:17:13.463 に答える