Google Maps einbinden: So bauen Sie Google Maps in Ihre eigene Webseite ein

Auf eine Firmenwebseite gehört natürlich eine Anfahrtsbeschreibung mitsamt Stadtplan. Doch aufgepasst: Wer einfach einen Stadtplan aus dem Netz kopiert, riskiert teure Abmahnungen. Die beste Lösung: Binden Sie einfach den Google-Maps-Stadtplan ein. Das ist rechtlich und technisch problemlos möglich.

Um Google Maps in die eigene Webseite einzubinden, sind keine Programmierkenntnisse notwendig. Auch mit Fachtermini wie API, Entwicklungsumgebung oder Schnittstellen müssen Sie sich nicht herumplagen. So einfach funktioniert’s:

1. Rufen Sie Google Maps (http://maps.google.de) auf, und vergrößern Sie den Ausschnitt so, wie er später auf der eigenen Webseite erscheinen soll.

2. Dann klicken Sie oben rechts in der blauen Zeile auf „Link“.

google-maps-einbinden-link-quellcode-1

3. Es erscheint ein Untermenü. Hier klicken Sie auf „Eingebettete Karte anpassen und Vorschau anzeigen“.

4. Im nächsten Fenster wählen Sie die gewünschte Kartengröße, zum Beispiel „Mittel“.

5. Markieren Sie den Quellcode im Feld „HTML-Code“. Das geht am einfachsten, indem Sie drei mal hintereinander ins Feld klicken. Alternativ hierzu klicken Sie einmal ins Feld und drücken die Tastenkombination [Strg]+[A]. Eine dritte Variante: Klicken Sie mit der rechten Maustaste auf den markierten Quellcode, und wählen Sie den Befehl „Kopieren“. Der Quellcode wird damit in die Zwischenablage von Windows eingefügt.

google-maps-einbinden-link-quellcode-2

5. Im letzten Schritt müssen Sie den Quellcode in Ihre Webseite einbauen. Hierzu öffnen Sie Ihren Webeditor, platzieren den Mauszeiger an die gewünschte Stelle und fügen den Quellcode mit [Strg]+[V] ein.

Das war’s. Wenn Sie die Seite speichern und auf den eigenen Webserver überspielen, erscheint die ausgesuchte Google-Maps-Karte auf Ihrer Webseite. Der Quellcode sorgt dafür, dass automatisch der richtige Kartenausschnitt in der gewünschten Größe angezeigt wird.w

14 Comments

  1. Joe 25. Januar 2012
  2. mathias 23. Januar 2012
  3. Webdesign Soest 23. Januar 2012
  4. Petra 30. November 2011
  5. andreas 20. November 2011
  6. Tilo Fendt 20. Oktober 2011
  7. Dirk 9. Oktober 2011
  8. Uwe 15. November 2010
  9. Webdesign 5. November 2010
  10. Anonymous 20. Oktober 2010
  11. Stellenangebote 28. September 2010
  12. Thomas Bachmann 2. September 2010
  13. thomas 19. August 2010
  14. Jamaika Urlaub 22. Februar 2010

Kommentar schreiben

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.