Beispiel 6

Klickt man auf den roten Ballon so öffnet sich ein Informationsfenster.

Skript

Um Ereignisse (events) auf der Google Map zu verwalten wird das Objekt GEvent verwendet. Es wurde ein Eventlistener ergänzt, der den Marker überwacht und im Falle eines click Events, die neu definierte Funktion auslöst. Der Einfachheit halber wurde die Funktion innerhalb des Listeneraufrufs definiert und benötigt deshalb keinen eigenen Namen.

function load() {
  if (GBrowserIsCompatible()) {
    var map = new GMap2(document.getElementById("map"));
    var control = new GLargeMapControl();
    map.addControl(control);
    control = new GMapTypeControl();
    map.addControl(control);
    map.setCenter(new GLatLng(49.403769,8.67538), 14);
    map.setMapType(G_HYBRID_MAP);
 
    var point = new GLatLng(49.403769,8.67538);
    var marker = new GMarker(point);
    map.addOverlay(marker);
    GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml("<strong>Heidelberger Hauptbahnhof</strong><br />Hier beginnen viele Touristen ihre<br /> Entdeckungsreise durch Heidelberg.");
    });
  }
}