2010-03-21 13 views
24

Google Maps API v3'ü kullanma.Google Maps: InfoWindow'un haritayı değiştirmesini nasıl engeller

ben işaretçi simgesine tıklarsanız infowindow gösterecektir böylece bu benim haritası sınırın kenarında ... yakınında bir harita işaretleyici varsa, benim tüm harita kaymalar belirteçler ortalanacak infowindow böylece fark .

Haritanımın kaymasını istemiyorum.

Soru: InfoWindows (haritaya kayması & merkeze varsayılan olarak InfoWindow neden olur) harita sınırın sonuna yakın olduğunda nasıl kaymasını haritayı önlerim?

cevap

47

sen v3 kullandığınıza göre, sadece aşağıdaki örnekte (API Reference) olduğu gibi, disableAutoPan seçeneğiyle harita kaymasını infowindow önleyebilir:

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

Ekran Görüntüsü:

disableAutoPan

+5

Doğru değil @JitendraPancholi ve bu tür yorumların yapıcı olmadığına katılıyorum. – Nicolai