Události Map Google
Klepnutím na značku přiblížíte
Stále používáme mapu z předchozí stránky: mapu se středem v Londýně v Anglii.
Nyní chceme přiblížit, když uživatel klikne na značku (K značce připojíme obsluhu události, která při kliknutí přiblíží mapu).
Zde je přidaný kód:
Příklad
// Zoom to 9 when clicking on marker
google.maps.event.addListener(marker,'click',function() {
map.setZoom(9);
map.setCenter(marker.getPosition());
});
Registrujeme se pro upozornění na události pomocí obslužné rutiny události addListener(). Tato metoda přebírá objekt, událost, které se má naslouchat, a funkci, která se má zavolat, když nastane zadaná událost.
Posuňte zpět na značku
Zde uložíme změny přiblížení a po 3 sekundách posuneme mapu zpět:
Příklad
google.maps.event.addListener(marker,'click',function() {
var pos = map.getZoom();
map.setZoom(9);
map.setCenter(marker.getPosition());
window.setTimeout(function() {map.setZoom(pos);},3000);
});
Po kliknutí na značku otevřete informační okno
Kliknutím na značku zobrazíte informační okno s nějakým textem:
Příklad
var infowindow = new google.maps.InfoWindow({
content:"Hello World!"
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
Nastavte značky a otevřete InfoWindow pro každou značku
Spustit funkci, když uživatel klikne na mapu.
Funkce placeMarker() umístí značku tam, kam uživatel klikl, a zobrazí informační okno se zeměpisnými šířkami a délkami značky:
Příklad
google.maps.event.addListener(map, 'click', function(event) {
placeMarker(map, event.latLng);
});
function placeMarker(map, 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);
}