Möchten Sie Ihre eigene Karte mit eigenen Punkten zur Website in Webnode hinzufügen?

 

In der Anleitung „Google Map in Webnode korrekt einrichten“ habe ich Ihnen gezeigt, wie Sie eine Karte aus einer klassischen Adresse von Google Maps einfügen.


In dieser Anleitung zeigen wir Ihnen, wie Sie mit Google My Maps eine eigene Karte mit einer unbegrenzten Anzahl von Punkten (Adressen) erstellen.

Sie können die erstellte Karte dann einfach mit HTML-Code in die Website einbinden.

Dieser Service ist kostenlos und ich werde Ihnen auf jeden Fall empfehlen, ihn zu nutzen.

Vorschau einer Karte, die mit Google My Maps erstellt wurde.

Anweisungen zum Erstellen Ihrer eigenen Karte mit Google My Maps

 

1. Registrieren bzw. Melden Sie sich mit Ihrem Google-Konto unter folgender Adresse an: http://mymaps.google.com.

*Wenn Sie noch kein Google-Konto haben, erstellen Sie eines kostenlos.

 

2. Klicken Sie oben links auf “Neue Karte erstellen”.

 

3. Wir suchen die bestimmten Adressen aus und fügen diese unserer Karte hinzu

4. Für jeden Punkt (Adresse) können Sie Titel, Beschreibung, Farbe und das Symbol für Stecknadel auf der Karte bearbeiten.

5. Wenn Sie alle Adressen erfolgreich hinzugefügt haben und die Karte öffentlich teilen möchten (z. B. auf einer Webnode-Website), klicken Sie auf “Teilen”.

6. In dem Feld “Link abrufen” klicken Sie auf “Ändern zu Jeder, der über den Link verfügt” und dann auf “Fertig”.

 

und dann auf “Fertig”.

7. Sie können die erstellte Karte jetzt mithilfe von HTML-Code (iframe) in das Web einbetten. Klicken Sie oben auf die drei Punkte und wählen Sie “In meine Website einbetten”.

Oben klicken Sie auf die drei Punkte und wählen Sie “In meine Website einbetten”

und kopieren Sie den HTML-Code Ihrer Karte.

8. Fügen Sie den Kartencode mit den Funktionen “+” und “HTML” in Webnode in Ihre Website ein.

*Fügen Sie den Code dort ein, wo die Karte angezeigt werden soll.

9. Publizieren Sie die Änderungen

Fertig 🙂 Ihre Karte wird in der veröffentlichten Version Ihrer Website angezeigt.

Weitere tolle Tutorials

War dieses Tutorial hilfreich? Teilen Sie es bitte.

Viliam
Follow me