Karten mit Google Maps erstellen

10. April 2007 um 18:49 Uhr Gusti 1.899 Aufrufe

Google Maps ist ein Dienst von Google, der leistungsstarke und nutzerfreundliche Kartentechnologie und Informationen zu Unternehmen wie Standorte, Kontaktinformationen und Routenplaner bietet.
Für Webdeveloper wird eine gut dokumentierte API (Application Programming Interface) zur Verfügung gestellt und daher kann man das umfangreiche Kartenmaterial auch in eigene Webprojekte integrieren.
Voraussetzung dafür ist ein Google API Key, der als Zugangsschlüssel zu den Daten fungiert. Nach “Registrierung” der entsprechenden Domain bei Google erhält man auch schon einen Beispielcode als Basis für eigene Implementierungen.

Um eigene Punkte in die Karte eintragen zu können, müssen die Geodaten in einem bestimmten Format (Latitude, Longitude) vorliegen – diese Daten erhält man beispielsweise bei Multimap.com.
Folgender Code-Schnippsel würde z.B. meinen Wohnort St. Johann in Tirol auf der Karte darstellen und zentrieren:

var map = new GMap2(document.getElementById("map"));
var point = new GLatLng(47.5222, 12.4263);
map.setCenter(point, 13);
map.addOverlay(new GMarker(point));

St. Johann in Tirol als Mittelpunkt der Welt

Folgendes Beispiel zeigt eine erweiterte Anwendung von Google Maps – die Darstellung wurde um Bedienelemente ergänzt und als Marker wurde mein Logo verwendet. Jeder Klick auf die Karte erhöht den Zoomlevel um einen Grad.