Latest web development tutorials

Google Maps Event

Kliknij znacznik, aby powiększyć - wiążące google map wydarzeń.


Kliknij znacznik Powiększ mapę

Nadal używać papieru mapę ponownie stosując Londyn.

użytkownicy punktu do osiągnięcia, gdy znacznik kliknięciu funkcję powiększenia (zoom map marker kliknięciu wiążącej zdarzenie).

Kod jest w następujący sposób:

Przykłady

// Zoom to 9 when clicking on marker
google.maps.event.addListener(marker,'click',function() {
map.setZoom(9);
map.setCenter(marker.getPosition());
});

Spróbuj »

Użyj addListener () obsługi zdarzeń do zarejestrowania detektora zdarzeń. Metoda ta wykorzystuje przedmiot, zdarzenie, aby słuchać, gdy wystąpi określone zdarzenie zostanie wywołana.


Resetowanie flag

Dodajmy obsługi zdarzeń na mapie, aby zmienić "centrum" właściwość, należy użyć następującego kodu po 3 sekundy center_changed zdarzeń będą oznakowane centrum shift:

Przykłady

google.maps.event.addListener(map,'center_changed',function() {
window.setTimeout(function() {
map.panTo(marker.getPosition());
},3000);
});

Spróbuj »


Po kliknięciu znacznik, aby otworzyć okno informacyjne.

Kliknij znacznik, aby wyświetlić tekst w oknie wiadomości:

Przykłady

var infowindow = new google.maps.InfoWindow({
content:"Hello World!"
});

google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});

Spróbuj »


Ustaw informacje Etykiety i naklejki dla każdego otwartego okna

Wdrożenie oknie, gdy użytkownik kliknie na mapie

Użytkownicy kliknij na mapie do funkcji pozycja placemarker () na wyznaczonym miejscu, aby umieścić znacznik, i wyskakujące okno komunikatu:

Przykłady

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 »


Mapy Google - Manual Event

Google Maps API Reference ręczne .