Google Maps in Seiten einbinden
Google erlaubt ab sofort einen festgelegten Standort aus Google Maps in beliebige Webseiten bzw. Blogs einzubinden. Dafür reicht es den generierten HTML-Code an die gewünschte Stelle einzufügen, schon wird die Adresse auf dem Kartenausschnitt markiert.
Simples Prinzip à la Google
Die Einbindung der Karte hat Google so einfach wie möglich gestaltet, dafür wird lediglich ein iFrame nach folgender Step-by-Step-Anleitung inkludiert:
- Bei Google Maps einen Standort bzw. eine Adresse eingeben oder unter “Meine Karten” eine interaktive Karte wählen.
- In den Suchergebnissen rechts oben auf URL zu dieser Seite klicken.
- Neben einem statischen Link für eine Weiterleitung der Google Maps-Seite per E-Mail oder Instant Messenger ist jetzt auch ein Feld mit dem HTML-Code für eigene Webseiten hinzugekommen.
- Google Maps-Code rauskopieren und an die gewünschte Stelle im eigenen HTML-Code einfügen. Fertig, die Karte wird beim Laden der Seite mitgeladen (siehe Live-Demo unten).
- Soll der Kartenausschnitt vor dem Einbetten in der Größe angepasst werden, so bringt der Klick auf Eingebettete Karte anpassen und Vorschau anzeigen (Link gleich unter dem Feld mit dem Code) auf eine Seite mit Anpassungsmöglichkeiten. Dort lässt sich der Codeschnipsel für weitere Verwendung ebenfalls rauskopieren. Tipp: Für Fortgeschrittene ist dieser Schritt obsolet, da die Abmessung des Google Maps-iFrames direkt beim Einbinden in die eigene Seite geändert werden können.
Google Maps Live-Demo
Fazit
Perfekte und simple Lösung für direkte Einbindung von Google Maps mit markiertem Standpunkt. Berechnung der Route (von hier & hierher) ist ebenfalls möglich, Resultate werden im großen Fenster dargestellt.
Über den Beitrag
Kommentieren abgestellt
Kommentare zu dem Beitrag sind nicht mehr erlaubt.