Eine Google My Maps Karte in eine Website einbetten

Weil wir uns auch immer wieder "nen Wolf" suchen, haben wir es hier einfach mal dokumentiert: So erstellst Du ganz einfach eine Google-Karte und integrierst sie auch gleich in Deine Website Diese Google Karte kann ein Kartenausschnitt sein (das geht ganz einfach) - oder aber auch eine Karte mit individuellen Markierungen, Routen, etc. Für beides findest Du hier die passende Anleitung.

Google arbeitet und optimiert weiter laufend an seinen Karten-Diensten und -Angeboten. Hier findest Du die neueste Anleitung – sollte etwas anders aussehen, als hier beschrieben, lass es mich in den Kommentaren wissen.

Wer nicht lesen will, muss gucken:

So erstellst Du eine eigene Google-Karte:

  1. Ruf Google My Maps auf.
  2. Melde Dich mit Deinem Google-Konto an.
  3. Klicke auf „neue Karte erstellen“
  4. Klicke links oben auf „Unbenannte Karte, um der neuen Karte einen Namen zu geben:
    google-my-map-unbekannte-karte-benennen
  5. Füge der Karte Orte hinzu, indem Du die Orte zuerst über das Suchfeld suchst, auf die angezeigten Pins klickst und gewünschte Orte hinzufügst:
    google-my-maps-orte-hinzufuegen
  6. Hinzugefügte Orte kannst Du bearbeiten (verändern, mit ergänzendem Text und Bilder versehen):
    google-my-maps-pins-beschriften
  7. Kennzeichne weitere Pins auf der Karte mit den Icons unter dem Suchfeld:
    google-my-maps-optionen

    So kannst Du zum Beispiel einen Parkplatz oder Wege einzeichnen – also Orte, die Google nicht kennt:

    my-maps-eigene-pins

    Allen Einträgen auf der Karte kannst Du Farben und Symbole zuweisen:
    my-maps-stile

  8. Speichern musst Du übrigens nicht, das macht Google laufend.

So bettest Du deine Google My Maps Karte auf Deiner Website ein:

  1. Klicke zunächst auf den „+ Teilen“-Link, um die Karte zu veröffentlichen. Das ist Voraussetzung, um die Karte einbetten zu können. Standardmäßig sind neue Karten erstmal „privat“ und nicht öffentlich sichtbar.
  2. Freigabe für alle Google Maps Screenshot
    Klicke auf „Ändern“, um die Freigabe-Einstellung anzupassen.
    google Maps Freigabe
    Wähle „Jeder, der über den Link verfügt“, um die Karte einbetten zu können und speichere die Einstellungen ab.
  3. Klicke oben rechts auf die drei Punkte, um den Code zum Einbiden der Karte zu finden.
    Google Maps Karte in meine Website einbinden
  4. Wähle die Option „In meine Website einbetten“
  5. Wähle nun die Option „In meine Website einbetten“
  6. Du erhälst nun den Code zum Einbetten der Karte:
    google-map-einbetten

    Über die Werte hinter „width“ und „height“ kannst Du das Format der Karte verändern.

  7. Füge den Code auf Deiner Website ein oder bittet jemanden, der sich damit auskennt, das für Dich zu erledigen.
  8. Fertig!

Und hier ist das Ergebnis unseres kleinen Tests:

Alle Beiträge von Stephan

Unsere meistgelesenen Beiträge

Vier Jahre Chromebook: Ein Erfahrungsbericht

Google Chromebook
|
Gute 25 Jahre PC-Nutzung - von Anfang an mit Windows. Dann raucht im wahrsten Sinne des Wortes mein teures und gar nicht so altes Lenovo-Notebook ab. Und ich bestelle mir einfach ein Chromebook und bin schneller weg aus der Windows-Welt, als ich es für möglich gehalten hätte. VierJahre ist das nun her - und ich habe zwischendurch immer wieder über meine Erfahrungen mit dem Chromebook berichtet.