Google Earth herunterladen

Karten in eine Website einbinden

 

In der Anleitung Erstellen von Karten mithilfe der Registerkarte "Meine Karten" haben wir Ihnen Verwendungsmöglichkeiten von Karten für Ihre Organisation gezeigt. Jetzt möchten wir Ihnen zeigen, wie Sie eine Karte in Ihre Website oder in Ihr Blog einbinden können (abhängig von Ihrem Standort). Sie können einfache Karten in Ihre Website einbinden, Routenpläne, Karten, die Sie mithilfe der Registerkarte "Meine Karten" erstellt haben, die Karte einer lokalen Suche und von anderen Nutzern erstellte Karten.

 

Erste Schritte

Vermutlich möchten Sie zunächst einmal eine Karte direkt in Ihre eigene Website einbinden. In dieser Anleitung beschreiben wir, wie man unter Verwendung von Google Page Creator bzw. Blogger eine Karte in eine Website oder in einen Blog-Beitrag einbindet. Wenn Sie Ihre Website direkt bearbeiten möchten, finden Sie alle Anweisungen dazu im ersten Teil dieser Anleitung. Aber auch wie Sie mit Google Page Creator and Blogger Karten in Blog-Beiträge integrieren können, finden Sie in dieser Anleitung.

1. Gehen Sie zu Google Maps. Öffnen Sie die Karte, die Sie in Ihre Website einbinden möchten. Sie können die Karte eines Routenplans, eine lokale Suche oder eine Karte einbinden, die Sie mit der Registerkarte "Meine Karten" erstellt haben. Wenn Sie auf Ihre gespeicherten Karten zugreifen möchten, melden Sie sich in Ihrem Google- Konto an. Falls Sie noch kein Google-Konto haben, können Sie hier ein Konto anlegen.

Wir werden die Seite "Santa Cruz Beach Cleanup" aus der Anleitung " Karten mithilfe der Registerkarte "Meine Karten" erstellen" verwenden.

2. Klicken Sie auf Link zu dieser Seite und kopieren Sie den Code aus dem Feld HTML-Code zum Einbetten in eine Website. Klicken Sie auf Eingebettete Karte anpassen und Vorschau anzeigen, um die Karte in der Vorschau zu sehen und ihre Größe anzupassen. Beachten Sie, dass Sie keine Verkehrskarten, Straßenansichten und Mapplets in Ihre Website einbinden können.

3. Starten Sie die Anwendung, mit der Sie normalerweise Ihre Webseiten bearbeiten, und suchen Sie eine geeignete Stelle für die Karte aus. (Entsprechende Beispiele für den Einsatz von Google Page Creator und Blogger finden Sie unten.)

4. Fügen Sie an der Stelle, wo die Karte erscheinen soll, den kopierten Karten-Code in den HTML-Code ein.

5. Speichern Sie Ihre Webseite und schauen Sie sich die Karte an, die Sie gerade eingebunden haben.

mymaps

 

Google Page Creator verwenden

1. Gehen Sie zu Google Page Creator und melden Sie sich, falls noch nicht geschehen, in Ihrem Google-Konto an.

2. Klicken Sie auf "Create a new page …".

3. Geben Sie den Titel Ihrer Seite an und klicken Sie auf "Create and Edit".

mymaps

4. Klicken Sie auf den Bereich, in dem die Karte erscheinen soll, und klicken Sie unten rechts auf "edit html".

mymaps

5. Fügen Sie den Text, den Sie im Feld HTML-Code zum Einbetten in eine Website kopiert haben, in das Fenster ein.

6. Klicken Sie auf Update. Beachten Sie, dass Sie die Karte nur in der Vorschau oder auf der veröffentlichten Seite sehen können.
Ihre fertig gestellte Seite könnte in etwa wie die Folgende aussehen, auch wenn Sie vermutlich eine andere Vorlage verwendet haben:

mymaps

Das war's! Jetzt können Sie Ihre Karte weltweit zur Verfügung stellen, einfach auf Ihrer Domäne.

 

Blogger verwenden

1. Gehen Sie zu Blogger und öffnen Sie Ihr Blog-Dashboard. Haben Sie noch kein Blog? Dann erstellen Sie einfach eines. Es ist wirklich kinderleicht! Melden Sie sich in Ihrem Google-Konto an und führen Sie die einfachen Schritte durch, um Ihr Blog zu erstellen.

2. Öffnen Sie in Ihrem Blog die Registerkarte "Posting" und klicken Sie auf "Erstellen".

3. Geben Sie einen Post-Titel und den Text an, der mit Ihrer Karte angezeigt werden soll. Klicken Sie auf die Registerkarte "HTML bearbeiten".

4. Gehen Sie zurück zu Google Maps und kopieren Sie den Text aus dem Feld HTML-Code zum Einbetten in eine Website. Da wir einen Routenplan für unsere Aktion "Santa Cruz Beach Cleanup" veröffentlichen möchten, verwenden wir den HTML-Code aus dem entsprechenden Suchergebnis.

Sie sollten sich hier befinden:

blogger

5. Klicken Sie auf "Vorschau" und vergewissern Sie sich, dass die Karte richtig angezeigt wird. Sind Sie zufrieden mit dem Ergebnis? Dann klicken Sie auf "Post veröffentlichen".

mymaps

Herzlichen Glückwunsch! Sie haben erfolgreich eine Karte in Ihrem Blog-Beitrag veröffentlicht.

 

Machen Sie Ihre Angelegenheit bekannt

Jetzt, wo Sie wissen, wie man Karten in eine Website oder in ein Blog einbindet, können sich die Besucher Ihrer Website ein Bild von Ihrer Arbeit machen.

Wenn Sie über die Registerkarte "Meine Karten" eine Karte erstellt haben, haben Sie entweder das Feld "Öffentlich" oder "Nicht aufgeführt" angekreuzt. Haben Sie "Öffentlich" ausgewählt, ist Ihre Karte für alle Nutzer von Google Maps sichtbar. Genauso können auch Sie auf die Karten anderer zugreifen. Gehen Sie dazu wie folgt vor:

1. Öffnen Sie Google Maps und klicken Sie auf die Registerkarte "Meine Karten". Zeigen Sie in der Karte die Gegend an, die Sie interessiert.
2. Klicken Sie in der Liste unter "Empfohlener Content" auf "Populäre Karten durchsuchen".

Wenn Sie hier eine Karte finden, die Ihnen gefällt, können Sie sie unter "Meine Karten" speichern.

Hier finden Sie weitere Informationen zu Google Maps und dazu, wie Sie mit JavaScript und den Google Maps-APIs Karten in Ihre Website einbinden können.

 

Diskussion / Feedback

Haben Sie Fragen zu dieser Anleitung? Möchten Sie uns Feedback geben? Besuchen Sie die Diskussionsgruppe zu Google Earth Outreach. Dort können Sie sich mit anderen Nutzern austauschen.

 

Wie geht es weiter?

In dieser Anleitung haben Sie gelernt, eine Karte in eine Website einzubinden. Als Nächstes zeigen wir Ihnen, wie Sie Ihre Karte oder Ihre Google Earth-Ortsmarke mit YouTube-Videos aufpeppen können.

Außerdem wird in dieser Anleitung gezeigt, wie Sie in Google Earth benutzerdefinierte Ortsmarken erstellen können: