Faceți clic pe marcatorul pentru a mări - atașa Stivuitoare eveniment la Google Maps.
Faceți clic pe marcator pentru Zoom
Noi încă utiliza harta din pagina anterioară: o hartă centrată pe Londra, Anglia.
Acum vrem să zoom atunci când un utilizator face clic pe marcatorul (Acordăm o tratare a evenimentului la un marker care face zoom pe harta atunci cand este apasat).
Aici este codul adăugat:
Exemplu
// Zoom to 9 when clicking on marker
google.maps.event.addListener(marker,'click',function() {
map.setZoom(9);
map.setCenter(marker.getPosition());
}); Încearcă - l singur » Noi înregistra pentru notificări pentru evenimente folosind addListener() tratare a evenimentului. Această metodă are un obiect, un eveniment pentru a asculta, și o funcție pentru a apela atunci când are loc evenimentul specificat.
Pan Înapoi la Marker
Aici, vom adăuga o tratare a evenimentului la harta pentru modificări la proprietate „centru“ și panorama harta înapoi la marcatorul după 3 secunde pe un eveniment center_changed:
Exemplu
google.maps.event.addListener(map,'center_changed',function() {
window.setTimeout(function() {
map.panTo(marker.getPosition());
},3000);
}); Încearcă - l singur » Deschideți un InfoWindow Când faceți clic pe Marker
Faceți clic pe marcatorul pentru a afișa un infowindow cu un text:
Exemplu
var infowindow = new google.maps.InfoWindow({
content:"Hello World!"
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
}); Încearcă - l singur » Set Marcatorii și Deschideți InfoWindow pentru fiecare marker
Rulați o funcție atunci când utilizatorul face clic pe hartă.
placeMarker() funcția plasează un marker în care utilizatorul a făcut clic, și arată o infowindow cu latitudinile și longitudinile marker:
Exemplu
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);
} Încearcă - l singur » Hărți Google - Evenimente de referință
Google Maps API - ul de referință .