Google Maps-Ereignis
Klicken Sie auf einen Marker zu vergrößern - Bindung auf Google-Map-Ereignisse.
Klicken Sie auf einen Marker einblenden
Wir verwenden immer noch Papierkarte wieder London mit.
Punkt Benutzer zu erreichen, wenn der Marker Zoom-Funktion angeklickt wird (Zoom Kartenmarkierung ist verbindlich Ereignis geklickt haben).
Code ist wie folgt:
Beispiele
google.maps.event.addListener(marker,'click',function() {
map.setZoom(9);
map.setCenter(marker.getPosition());
});
Versuchen »
Verwenden Sie addListener () Event-Handler ein Ereignis-Listener zu registrieren. Das Verfahren verwendet ein Objekt, ein Ereignis für zu hören, wenn ein bestimmtes Ereignis aufgerufen wird, auftritt.
Reset-Flagge
Wir fügen eine auf der Karte Event-Handler das "Zentrum" Eigenschaft zu ändern, verwenden Sie den folgenden Code nach 3 Sekunden center_changed Ereignis Verschiebung Zentrum markiert werden:
Beispiele
window.setTimeout(function() {
map.panTo(marker.getPosition());
},3000);
});
Versuchen »
Wenn die Markierung geklickt wird das Informationsfenster zu öffnen.
Klicken Sie auf einen Marker einen Text im Meldungsfenster anzuzeigen:
Beispiele
content:"Hello World!"
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
Versuchen »
Legen Sie das Etikett und die Tag-Informationen für jedes geöffnete Fenster
Die Umsetzung eines Fensters, wenn der Benutzer klickt auf der Karte
Benutzer klicken Sie auf die Karte, um eine Position Standortmarkierungs () Funktion auf der vorgesehenen Stelle eine Markierung zu platzieren, und Pop-up-Meldung Fenster:
Beispiele
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);
}
Versuchen »