Ob beim Anzeigen des eigenen Wohnortes, des Firmenhauptsitzes oder um schnell einen bestimmten Weg zu beschreiben, Karten werden oft gebraucht doch woher soll man diese nehmen? Kostenlos im Netz gibt es wenige Stadt-/Landkarten welche ihr auf eurer Webseite einsetzen könnt, ohne dass ihr von verschiedenen Anwälten eine Klage bekommt.

Google bietet als Lösung “Google Maps” an. Die Karte könnt ihr mit verschiedenen Features in eure Webseite einbinden und dies erfordert nichtmal besondere Programmier-, API- oder sonstige Schnittstellenkentnisse. Und hier zeige ich euch, wie ihr die Karte ganz einfach in eure Webseite oder euren Blog einbetten könnt:

1. Die Webseite http://maps.google.de aufrufen und die gewünschte Ansicht so einstellen, wie sie nachher auf der Webseite angezeigt werden soll.
2. Oben in der blauen Leiste auf “Link”- und dann “Eingebettete Karte anpassen und Vorschau anzeigen” anklicken.

3. In dem geöffneten Popup könnt ihr nun die “Feineinstellungen” für eure Karte ansehen und bearbeiten. Dazu zählen Einstellungen wie die Größe und die Ansichtsart (Reine Karte, Satelitenbild oder Gelände).

4. Wenn ihr alles nach eurem belieben eingestellt habt, könnt er den unten erzeugten HTML-Code in den Body-Bereich eurer Webseite einfügen und euch das Ergebnis ansehen. Im folgenden habe ich das Beispiel zum Brandenburger-Tor in Berlin eingebettet. 😉

Vorschau Google Map

Tweet