Google Maps ganz einfach in die eigene Website einbinden

Der Google-Baukasten für Landkarten, Anfahrtsrouten und Stadtpläne

Von: Robert Chromow
Stand: 11. September 2007
4.7
(10)
Beitrag bewerten
Anmelden um Kommentare zu schreiben

Downloads zu diesem Beitrag

Über den Autor: Robert Chromow

bild70933

Robert Chromow ist gelernter Industriekaufmann, Betriebswirt und Politologe. Seit über fünfzehn Jahren arbeitet er als freiberuflicher Journalist, Texter und Berater im eigenen Projektbüro. Print- und Online-Medien beziehen dort Fach- und Serviceartikel sowie Lernmaterialien. Außerdem schreibt er Handbücher, Webtexte und Newsletter für Unternehmen.

Beiträge des Autors als Atom-Feed Atom-Feed: Neues von akademie.de

Eine unscheinbare Zusatzfunktion erleichtert neuerdings das Einbinden von "Google Maps" in die eigene Website beträchtlich: Der kostenlose Kartendienst stellt auf Mausklick einen kurzen HTML-Schnipsel bereit, der im Handumdrehen in den Quelltext der eigenen Seite eingefügt werden kann. Der beschwerliche Umweg über die Google-API entfällt.

Google Maps LogoGoogle Maps sind eine feine Sache: Nicht nur, dass sie so ziemlichen jeden Winkel der Welt in Form von Satellitenbildern, Stadtplänen, Landkarten und kombinierten Hybrid-Ansichten ausleuchten: Als Anwender können Sie die ständig weiter verfeinerten Inhalte obendrein um eigene Beschreibungen, Grafiken und Symbole ergänzen. Wie Sie diese Möglichkeit nutzen, um eigene Lagepläne und Anfahrtsrouten zu erstellen und sogar Produkte und Dienstleistungen zu beschreiben, können Sie im Beitrag "Meine Karten" bei Google nachlesen.

Maps-API: Nichts für Feierabend-Webmaster

Die einzige Schwierigkeit bestand bis vor Kurzem darin, die hübschen und informativen Pläne und Illustrationen in die eigene Website einzubinden: Dem naheliegenden Gedanken, den dynamisch erzeugten Content per Screenshot einfach in eine statische Illustration umzuwandeln, schiebt der Betreiber in seinen Allgemeinen Geschäftsbedingungen einen Riegel vor.

Dabei ist die Verwendung des Karten- und Bildmaterials grundsätzlich sogar auf kommerziellen Websites zulässig. Die Einbindung des Bild- und Kartenmaterials war bislang jedoch nur über die offizielle Programmier-Schnittstelle zulässig: Da die Google Maps API jedoch gründliche Programmierkenntnisse voraussetzt, mussten viele Anwender in der Vergangenheit mit dem Bereitstellen von Hyperlinks Vorlieb nehmen.

Einführung: Google Maps per API einbinden

Wenn Sie die Google Maps über die von Google angebotene Programmierschnittstelle in Ihre Website einbinden, haben Sie natürlich viel mehr Möglichkeiten. Wie das geht, erfahren Sie in diesem Beitrag:

"Google Maps API: So binden Sie die Google Maps in Ihre eigene Website ein"

Bitte beachten Sie: Voraussichtlich ab Anfang 2012 wird die kommerzielle Nutzung der Google-Maps-Programmierschnittstelle unter bestimmten Umständen kostenpflichtig: Bis zu 25.000 Seitenabrufe pro Tag bleiben gebührenfrei. Darüber hinaus gehende Abrufe schlagen - je nach verwendeter API-Version - mit vier bis zehn US-Dollar pro tausend Abrufen zu Buche.

Die im Folgenden beschriebene Einbindung von Google Maps mithilfe des HTML-Schnipsels bleibt dagegen vorläufig gebührenfrei.

Gut versteckt: Die Turbo-Integration

Missverständlicher LinkDas ist jetzt anders: Denn per Mausklick auf den unscheinbaren Link "URL zu dieser Seite" öffnet sich neuerdings ein erweitertes Dialogfenster. In dem finden Sie die ebenso bequeme wie bemerkenswerte Option "Einzubettender HTML-Code in Website einfügen":

Bild vergrößernVon wegen "URL zu dieser Seite": Understatement pur...

Nachdem Sie diesen Schnipsel per Kopieren & Einfügen in den Quelltext Ihrer Homepage eingebaut haben, erscheint postwendend eine ansehnliche Standard-Kartenansicht auf Ihrer Seite. Google nutzt dabei die Inlineframe-Technik ("iFrames"), die mittlerweile von allen Browsern unterstützt wird. Dabei wird der Inhalt beim Aufruf Ihrer Seite vom Google-Server geladen und nahtlos in Ihre Website eingebunden - wie hier am Beispiel der Kontaktseite von akademie.de:

Bild vergrößernUmgebungskarte: Von Null auf Lageplan in 60 Sekunden

Wenn Ihnen die Standard-Anzeige nicht zusagt, können Sie die Darstellung per Mausklick auf den Link "Eingebettete Karte anpassen und Vorschau anzeigen" aber auch ganz genau an Ihre Vorstellungen anpassen: Dabei haben Sie nicht nur auf die Größe der Karte Einfluss, sondern auch auf die Ausschnittvergrößerung und Kartentyp:

Bild vergrößernKarte à la Carte...

Meine Karten integrieren

Auch die zuvor unter "Meine Karten" personalisierten Darstellungen können Sie problemlos in Ihre eigenen Seiten einbinden:

Bild vergrößern"Meine Karte" à la Carte...

Welche Gestaltungsmöglichkeiten Ihnen dabei zur Verfügung stehen, erfahren Sie im bereits erwähnten Beitrag "Meine Karten" bei Google.

Fazit

Mit Hilfe fertiger Code-Schnipseln fügen Sie Google-Karten aller Art und Größe in Ihre Webseiten ein, ohne Programmierkenntnisse oder einen Google-API-Key zu verfügen. Das eröffnet ganz neue und vor allem legale Einsatzmöglichkeiten: sehr praktisch.

Dieser Beitrag ist öffentlich.
Zugriff auf alle Inhalte haben Sie als Mitglied

Werden Sie Probemitglied - kostenlos.

Ohne finanzielles Risiko haben Sie Zugriff auf alle Inhalte auf akademie.de, außer Downloads. Die Anmeldung dauert drei Minuten. Sie können während der ersten 14 Tage ohne Angabe von Gründen stornieren. Eine E-Mail genügt.

Weitere Informationen finden Sie auf unserer Infoseite zur Mitgliedschaft und in unseren AGB.

Ich bin bereits Mitglied
Jetzt Probemitglied werden
Ich kann in den 14 Tagen Probezeit formlos z.B. per E-Mail stornieren. Wenn ich das nicht tue, entscheide ich mich für ein

Beitrag bewerten

Ihre Wertung:

 

Kommentar-Darstellungsoptionen

Wählen Sie hier Ihre bevorzugte Anzeigeart für Kommentare aus und klicken Sie auf „Einstellungen speichern“ um die Änderungen zu übernehmen.

Sehr geehrte Damen und Herren,

ja, der Artikel freut mich sehr.

Dennoch: m.E. ist die iFrame-Funktion sehr nett von Google angeboten und als Quellcode bereitgestellt, doch wird damit auch die AGB auße Kraft gesetzt, die doch nach wie vor bei gewerblicher Nutzung auf API abstellt?

Ist es nicht vielmehr nur eine technische Möglichkeit nicht aber eine juristische Erlaubte?

Hallo,
ich habe bislang keinen Hinweis darauf gefunden, dass die vereinfachte Einbindung von Karteninhalten über die offizielle Google-Schnittstelle privaten Anwendern vorbehalten ist. Aus meiner Sicht spricht nichts gegen eine kommerzielle Nutzung - lasse mich aber gern eines Besseren belehren.
Freundliche Grüße
Robert Chromow

Hallo,

interessiert mich auch, als Webdienstleister für meine Kunden den Umweg über API zu ersparen wäre schön, jedoch sprechen die AGB eine andere Sprache:

Allgemeine Geschäftsbedingungen von Google Maps

"Mit der Nutzung von Google Maps und der über Google Maps erlangten Informationen akzeptieren Sie die folgenden allgemeinen Nutzungsbedingungen und diese zusätzlichen Geschäftsbedingungen. Einzelnutzer dürfen Google Maps, einschließlich lokaler Suchergebnisse, Karten und fotografischer Abbildungen ausschließlich zu persönlichen, nichtgewerblichen Zwecken nutzen. Gewerbliche Nutzer dürfen Google Maps ausschließlich zu internen Zwecken nutzen. Eine gewerbliche Verbreitung ist nicht zulässig, ausgenommen der Zugriff auf und die Anzeige von Kartendaten über die Google Maps API entsprechend den allgemeinen Geschäftsbedingungen für API."
Die Frage bleibt also: Darf ich den einfach zugänglichen Quellcode für gewerbliche websites ohne den API-Umweg einbinden?

Dankeschön für Ihre Nachfrage:
Um Spekulationen und zweifelhafte Interpretationen zu vermeiden, habe ich die Frage an die Pressestelle von Google Deutschland weitergeleitet. Sobald die Antwort vorliegt, wird sie an dieser Stelle veröffentlicht.
Vielen Dank für Ihre Geduld und freundliche Grüße
Robert Chromow

Hallo zusammen!
Liegt denn mittlerweile eine Antwort der Google-Pressestelle vor?

Hallo und danke für die Nachfrage,
leider liegt mir noch keine Stellungnahme von Google vor - urlaubsbedingt bin ich erst heute dazu gekommen, nachzuhaken. Sorry und dankeschön für Ihre Geduld!
Freundliche Grüße
Robert Chromow

Ist nun schon etwas von der Pressestelle bekannt gegeben?

Mich würde das auch dringend interessieren. Immer noch keine Antwort von Google selbst?

Hallo,
- und danke für Ihre Geduld und die Nachfrage: Nein, es gibt bislang keine offizielle Stellungnahme von Google. Weder die Pressestelle noch die Rechtsabteilung haben in den letzten Monaten auf wiederholte Anfragen reagiert.
Meine ganz unmaßgebliche Meinung als Nichtjurist: Wer Google Maps in geschäftliche Websites einbinden will, ist nur bei Nutzung der APi auf der ganz sicheren Seite. In Anbetracht der bedingungslosen Aufforderung ("HTML-Code zum Einbetten in eine Website") sind meines Erachtens aber auch bei Einbindung per iFrame in kommerzielle Seiten keine Negativsanktionen zu befürchten. Das kann sich aber jederzeit ändern, vor allem wenn Google mit einer Gebührenlösung auf den Markt kommt. Wer GoogleMaps per HTML-Code in seine Seiten einbaut, tut daher gut daran, auf Mitteilungen von Google in dieser Angelegenheit zu achten.
Vielleicht hilft das ja ein wenig weiter!?
Freundliche Grüße
Robert Chromow

Hallo, mich würde dringend interessieren, ob die Antwort von Google schon vorliegt? Danke!

Hallo,
nein, eine Stellungnahme von Google liegt nicht vor. Sorry.
Freundliche Grüße
Robert Chromow

Eine Stellungnahme von Google selbst haben wir immer noch nicht - dafür jedoch die Einschätzung von Rechtsanwalt Max-Lion Keller aus München:

"Google Maps auf der Website - was ist erlaubt, was nicht?"
http://www.akademie.de/direkt?pid=50013

(siehe Link oben in der Box oben im Text)

beste Grüße
S. Hengel,
Redaktion akademie.de

Frage: was mache ich, wenn eine Website über mehrere URLs zu erreichen ist?

Meine Website ist mit und ohne Bindestrich zu erreichen. Einen Key kann ich jedoch nur URL-bezogen einbinden. Muss ich mich für eine URL entscheiden und die andere muss ohne Google-Maps bleiben?

Im Voraus vielen Dank für Ihre Antwort
Heike Prassel

Hallo, Frau Prassel,
für die hier beschriebene Lösung ist überhaupt kein Key erforderlich. Vielleicht finden Sie ja im Beitrag
"Google Maps Mashup Hacks"
http://www.akademie.de/direkt?pid=36628
eine Lösung.
Viel Erfolg und freundliche Grüße
Robert Chromow

Hallo Leute.
Ich habe auf einer Website eine google map per iframe eingebaut.

Bin ganz banal zu maps.google.de gegangen, habe den gewünschten Ort eingegeben
und unter 'Link' den Code für den iframe bekommen... soweit so gut. Die Karte wird
angezeigt, der ie zeigt unten jedoch folgende Fehlermeldung an:
"Das Objekt unterstützt diese Methode oder Eigenschaft nicht."

Mit dem Firefox läuft's einwandfrei.

Weiß jemand, welches Problem der Internet Expolorer haben könnte?

Habe festgestellt, dass der Fehler erst erscheint, nachdem die
A-Marke (Straße und Hausnummer) auf der google map erscheint.

Grüsse :) Gerhard