0

Googleマップを使用しているので、2つのマーカーを追加しました。

オンラインデモ: http:
//jsfiddle.net/VnwFT/1/


ズームを設定する必要があります。試してみましmapOptsfitBounds

zoom 
minzoom
maxzoom

元:

var mapOpts = {
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    scaleControl: true,
    scrollwheel: false,
        zoom: 16
}

そしてそれは動作しません。

どうすればズームを設定できますか?

4

1 に答える 1

1

私がここでしたことを見てください:

http://jsfiddle.net/VnwFT/27/

最初に、マップを初期化するときにマップの中心を定義する必要があります。

var mapOpts = {
    center: new google.maps.LatLng(45.764043,4.835659),
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    scaleControl: true,
    scrollwheel: false,
    zoom: 16
}

次に、fitBounds関数が必要ない場合(マップの中心は初期化時にすでに定義されています)、コメントすることができます。

次に、マーカークリックリスナーでコードを編集して、マーカークリックでマップをズームできます。

google.maps.event.addListener(pushPin, "click", function () {
    infoWindow.setOptions(options);
    infoWindow.open(map, pushPin);
    if (this.sidebarButton) this.sidebarButton.button.focus();
    map.setZoom(16);
});
于 2013-02-19T10:51:07.360 に答える