Workshop: GoogleMaps auf der eigenen Website

Javascript einbauen

In jede HTML-Seite, die eine Karte darstellen soll, müssen Sie die Javascript-Datei mit der GoogleMaps-API wie folgt einbinden:

<script src="http://maps.google.com/maps?file=api&v=2.x&key=abcd" type="text/javascript"></script>

Als key verwenden Sie natürlich an Stelle von abcd ihren GoogleMaps-Key. Um sich aufwändiges Kopieren zu ersparen, speichern Sie den obigen Script-Block am Besten in einer eigenen Datei ab und binden diese Datei dann mit Hilfe von Server Side Includes ein. In unseren Beispielen wird dazu PHP verwendet, damit Sie Ihren Key leicht in die hier vorgestellten Beispieldateien einbauen können.

Jetzt fehlt nur noch die Anzeige der Karte an sich. Dazu definieren wir eine Javascript-Funktion load() die automatisch nach dem Laden der Seite aufgerufen wird:

function load() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(48.137135, 11.575008), 15);
}
}