Google Maps API v3 - クリックした場所やマーカーの位置を維持しながらズームする

Question

マーカーをクリックすると、現在のマップビューの境界を基準に位置を変えずに拡大したいと考えています。これは仕事ができる可能性がどのように

Zoomed Out Image

Zoomed In Image with marker location relative to border unchanged

は誰でも知っていますか？以下はマーカーの位置を保持しません。

newMarker.addListener('click', function() { 
    closeAllInfoWindows(); 
    var pos = newMarker.position(); 
    var bounds = map.getBounds(); 
    map.setZoom(map.getZoom() + 1); 
    map.panTo(pos); 
}); 

Answer 1

Simple Click listenerからこのサンプルを試してみてください。 マーカーの位置を維持しながらズームします。緯度と経度の値を入力してください。

function initMap() { 
    var myLatlng = {lat: -25.363, lng: 131.044}; 

    var map = new google.maps.Map(document.getElementById('map'), { 
    zoom: 4, 
    center: myLatlng 
    }); 

    var marker = new google.maps.Marker({ 
    position: myLatlng, 
    map: map, 
    title: 'Click to zoom' 
    }); 

    map.addListener('center_changed', function() { 
    // 3 seconds after the center of the map has changed, pan back to the 
    // marker. 
    window.setTimeout(function() { 
     map.panTo(marker.getPosition()); 
    }, 3000); 
    }); 

    marker.addListener('click', function() { 
    map.setZoom(8); 
    map.setCenter(marker.getPosition()); 
    }); 
}