Google Maps API v3 - Vergrößern und dabei die Position des angeklickten Standorts oder Markers beibehalten

Question

Ich möchte einen Marker vergrößern, wenn ich darauf klicke, ohne seine Position relativ zu den Grenzen meiner aktuellen Kartenansicht zu ändern.

Zoomed Out Image

Zoomed In Image with marker location relative to border unchanged

Wer weiß, wie dies funktionieren könnte könnte? Im Folgenden wird die Markerposition nicht beibehalten.

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

Answer 1

Versuchen Sie, diese Probe aus dem Simple Click listener. Es zoomt, während die Position des Markers beibehalten wird. Füllen Sie einfach Ihre Breiten- und Längenwerte aus.

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()); 
    }); 
}