yakınlaştırmak için işaretçiyi tıklayın - Google haritalarına olay işleyicileri ekleyin.
Zoom Marker tıklayın
Londra, İngiltere merkezli bir harita: Biz hala önceki sayfadan haritayı kullanabilirsiniz.
Şimdi bir kullanıcı işaretleyici tıklayarak olduğunda yakınlaştırmak istediğiniz (Tıklandığında harita yakınlaştırır bir işaretleyici bir olay işleyicisi ekleyin).
İşte eklendi kodudur:
Örnek
// Zoom to 9 when clicking on marker
google.maps.event.addListener(marker,'click',function() {
map.setZoom(9);
map.setCenter(marker.getPosition());
}); Kendin dene " Biz kullanarak olay bildirimleri için kayıt addListener() olay işleyicisi. Bu yöntem Belirtilen etkinlik gerçekleştiğinde çağırmak için bir nesne, dinlemek için bir etkinlik ve bir işlevi alır.
Marker dön Pan
Burada, 'merkez' özelliğine değişiklikler için haritaya bir olay işleyicisi ekleyin ve bir center_changed olayı 3 saniye sonra geri işaretine haritayı hareket:
Örnek
google.maps.event.addListener(map,'center_changed',function() {
window.setTimeout(function() {
map.panTo(marker.getPosition());
},3000);
}); Kendin dene " Marker tıklandığında zaman bir InfoWindow aç
Bazı metin ile bir InfoWindow göstermek için işaretleyici tıklayın:
Örnek
var infowindow = new google.maps.InfoWindow({
content:"Hello World!"
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
}); Kendin dene " Her Marker için İşaretleyiciler ve Açık InfoWindow Set
Kullanıcı haritada tıkladığında bir işlevi çalıştırın.
placeMarker() işlevi, kullanıcının ziyaret eden bir markeri ve markör enlem ve boylam bir InfoWindow gösterilmektedir:
Örnek
google.maps.event.addListener(map, 'click', function(event) {
placeMarker(event.latLng);
});
function placeMarker(location) {
var marker = new google.maps.Marker({
position: location,
map: map,
});
var infowindow = new google.maps.InfoWindow({
content: 'Latitude: ' + location.lat() +
'<br>Longitude: ' + location.lng()
});
infowindow.open(map,marker);
} Kendin dene "