Workshop: GoogleMaps auf der eigenen Website

Programmierung in Javascript

GoogleMaps ist eine so genannte AJAX-Anwendung (Asynchronous JavaScript and XML). Die API wird daher komplett in Javascript angesprochen. Wer tiefer in die Programmierung einsteigen möchte, sollte gute bis sehr gute Javascript-Kenntnisse besitzen und sich vor allem auch mit objektorientierter Javascript-Programmierung auskennen.

GoogleMaps setzt zwingend einen aktuellen Browser mit aktivierten Javascript voraus. Die genaue Browserliste ist online einsehbar. Mit Hilfe der Javascript-Funktion GBrowserIsCompatible() finden Sie heraus, ob der Browser eines Besuchers kompatibel zu Google Maps ist. Im folgenden Tutorial verwenden wir die aktuelle GoogleMaps API Version 2.

Key anfordern

Zur Nutzung von GoogleMaps benötigen Sie einen Key von Google, den Sie allerdings nur erhalten, wenn Sie einen Account bei Google besitzen, beispielsweise über GoogleMail. Den Schlüssel berechnet Google auf Basis der eingegebenen URL.

Wer also zuerst auf seinem lokalen Rechner testen und entwickeln möchte, erstellt sich am Besten einen Schlüssel für http://localhost oder für die Adresse beziehungsweise den Rechnernamen, unter der der eigene Entwicklungsrechner zur Verfügung steht. Beachten Sie, dass GoogleMaps zwischen http://www.domain.de und http://domain.de unterscheidet. Beim Deployment der Anwendung dürfen Sie allerdings nicht vergessen, den Schlüssel auszutauschen!