Kliknij znacznik, aby powiększyć - dołączyć obsługi zdarzeń na mapach Google.
Kliknij znacznik, żeby powiększyć
Nadal korzystać z mapy z poprzedniej strony: mapa skoncentrowanej na Londynie.
Teraz chcemy, aby powiększyć kiedy użytkownik klikając na znacznik (Przywiązujemy obsługi zdarzeń do znacznika, który Przybliża mapę po kliknięciu).
Oto Kod:
Przykład
// Zoom to 9 when clicking on marker
google.maps.event.addListener(marker,'click',function() {
map.setZoom(9);
map.setCenter(marker.getPosition());
}); Spróbuj sam " Rejestrujemy dla powiadomień o zdarzeniach przy użyciu addListener() obsługi zdarzeń. Metoda ta przyjmuje obiekt, wydarzenie na nasłuchiwanie i funkcję zadzwonić po wystąpieniu określonego zdarzenia.
Pan Powrót do Marker
Tu dodać obsługi zdarzeń do mapy zmian do "centrum" nieruchomości i przesunąć mapę z powrotem do znacznika po 3 sekundach na center_changed imprezy:
Przykład
google.maps.event.addListener(map,'center_changed',function() {
window.setTimeout(function() {
map.panTo(marker.getPosition());
},3000);
}); Spróbuj sam " Otwórz InfoWindow Po kliknięciu na znacznik
pokazać infowindow z jakimś tekstem Kliknij na znacznik:
Przykład
var infowindow = new google.maps.InfoWindow({
content:"Hello World!"
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
}); Spróbuj sam " Ustawienie znaczników i otwarty dla każdego markera InfoWindow
Uruchomić funkcję, gdy użytkownik kliknie na mapie.
placeMarker() funkcja umieszcza znacznik, w którym użytkownik kliknął i pokazuje infowindow z szerokości i długości geograficznej na marker:
Przykład
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);
} Spróbuj sam "