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

HTML Code für Weiterleitung (redirect)

HTML Code für Weiterleitung (redirect)

Suchen Sie nach einer Möglichkeit, einen Besucher Ihrer Website automatisch auf eine andere Website umzuleiten? (URL)   Die Lösung ist einfach: Bearbeiten und kopieren Sie den folgenden HTML-Code 🙂   1. Bearbeiten Sie die URL-Adresse im Code. Geben Sie als...

So verbinden Sie Ihre Website mit Facebook

So verbinden Sie Ihre Website mit Facebook

Möchten Sie ein Widget in Ihre Website einbetten, um Ihre Website mit Facebook zu verbinden?   Facebook-Widget Webnode ?   Dann sind Sie hier richtig. In der Anleitung Wie man die Social-Media-Buttons (FB und Instagram) in die Kopfzeile der Website einfügt?...

Rechte Maustaste sperren

Rechte Maustaste sperren

Rechte Maustaste sperren   Möchten Sie verhindern, dass Inhalte von Ihrer Website kopiert werden? Mit diesem HTML-Code können Sie Besuchern die Nutzung der rechten Maustaste auf Ihre Website blockieren und so das Kopieren von Text verhindern.   1. Melden Sie...

Wie man einen Anker erstellt

Wie man einen Anker erstellt

Video tutorial with English subtitles Der Anker funktioniert als Link innerhalb einer einzelnen Seite. Daher wird über den Link keine andere Seite (Website) angezeigt, sondern Sie gelangen an eine andere Stelle auf der Seite, der Sie gerade anschauen. Das Erstellen...

War dieses Tutorial hilfreich? Teilen Sie es bitte.

Viliam
Follow me