javascript - multiple - Google Maps: cómo evitar que InfoWindow cambie el mapa
google.maps.marker properties (1)
Usando Google Maps API v3.
Noté que si tengo un marcador de mapa cerca del borde del borde de mi mapa ... si hago clic en el ícono del marcador para que se despliegue la ventana InfoWindow, todo mi mapa cambia para que los marcadores InfoWindow estén centrados.
No quiero que mi mapa cambie.
Pregunta : ¿Cómo evito que el mapa se desplace cuando InfoWindows está cerca del final del borde del mapa (lo que hace que InfoWindow por defecto se centre y cambie el mapa)?
Como está utilizando v3, puede evitar que la ventana de información cambie el mapa con la opción disableAutoPan , como en el siguiente ejemplo ( Referencia de API ):
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps disableAutoPan Demo</title>
<script src="http://maps.google.com/maps/api/js?sensor=false"
type="text/javascript"></script>
</head>
<body>
<div id="map" style="width: 200px; height: 200px"></div>
<script type="text/javascript">
var myLatlng = new google.maps.LatLng(37.44, -122.14);
var myOptions = {
zoom: 4,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map"), myOptions);
var infowindow = new google.maps.InfoWindow({
content: ''Test'',
disableAutoPan: true
});
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: ''Test Marker''
});
google.maps.event.addListener(marker, ''click'', function() {
infowindow.open(map, marker);
});
</script>
</body>
</html>
Captura de pantalla: