2010-03-21 17 views
24

Uso de Google Maps API v3.Google Maps: cómo evitar que InfoWindow cambie el mapa

me di cuenta de que si tengo un marcador de mapa cerca del borde de la frontera del mapa ... que si hago clic en el icono marcador de modo que la ventana de información se mostrará, mis mapa entero se desplaza de manera que los marcadores InfoWindow se centra .

No quiero que mi mapa cambie.

Pregunta: ¿Cómo evito que el mapa se mueva cuando las ventanas de información son casi al final de la frontera mapa (que hace que la ventana de información de manera predeterminada a centro de & cambiar el mapa)?

Respuesta

47

dado que está utilizando v3, sólo tiene que evitar que el infoWindow se mueva el mapa con la opción disableAutoPan, como en el siguiente ejemplo (API Reference):

<!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:

disableAutoPan

+5

No es cierto @JitendraPancholi y acepta que ese tipo de comentarios no sean constructivos. – Nicolai

Cuestiones relacionadas