Zum Inhalt. Zur Navigation.

W3Basis » Inhalt » GoogleMaps™ - so geht's

GoogleMaps™ - nach moderner Methode

Dieses Arbeitsbeispiel zeigt, wie man voll funktionsfähige GoogleMaps™ ohne das Sicherheitsrisiko iframe in die eigene Site einbauen kann.

Die Karte wird in einem div dargestellt. Bedienelemente und Funktionalität werden durch eine Javascript-Anwendung gesteuert, die Version 3 des GoogleMaps API verwendet.

Für den Fall, dass der Besucher Javascript de-aktiviert hat, wird eine statische Karte zusammen mit einem entsprechenden Hinweis angezeigt.

Die Karte

Der Marker zeigt auf den wirklichen Eingang des Frankenberger Stadthauses am Obermarkt. Für die vollkommen falschen Koordinaten des Eintrags der Stadtverwaltung bei Google Places™ bin ich nicht verantwortlich.

Mit dem Bedienfeld können Sie Wegbeschreibungen von einer beliebigen Adresse zum Stadthaus aufrufen. Die Auswahl der Fortbewegungsart ist ein Pflichtfeld, ohne das der Routenplaner nicht funktioniert. Bitte geben Sie den Ausgangsort in der Form Straße Hausnummer, PLZ Ort ein - das vermeidet Verwechslungen.

Eine solche Karte könnte auch in ihrer Website dem Besucher den Weg zu ihrem Firmensitz weisen. Gerne berate ich Sie eingehend zu diesem Thema.

Kontaktieren Sie mich

W3Basis » Inhalt » GoogleMaps™ - so geht's