Karte mit Reiseroute einbetten

Karte mit Reiseroute einbetten

Option 1: Google My Maps (empfohlen)

1. Gehe zu Google My Maps
2. Erstelle eine neue Karte
3. Füge deine Reiseroute hinzu (Länder, Städte, Wegpunkte)
4. Klicke auf die drei Punkte neben dem Kartentitel → „In meine Website einbetten“
5. Kopiere den iframe-Code
6. Füge in WordPress einen „Custom HTML“ Block ein
7. Füge den iframe-Code ein

Option 2: Google Maps (einfache Standorte)

1. Gehe zu Google Maps
2. Suche einen Ort oder eine Route
3. Klicke auf „Teilen“ → „Karte einbetten“
4. Kopiere den iframe-Code
5. In WordPress: Custom HTML Block → Code einfügen

Option 3: Interactive Travel Map Plugin

Für schönere, interaktive Reisekarten:

• WP Travel Map (kostenlos)
• MapSVG (kostenpflichtig, sehr schön)
• Interactive World Map (kostenpflichtig)

Beispiel: iframe-Code für Google My Maps

<iframe src="https://www.google.com/maps/d/embed?mid=DEINE_MAP_ID" width="100%" height="580" style="border:0; border-radius: 8px;" allowfullscreen="" loading="lazy"></iframe>

Design-Tipps

• Breite: 100% für responsive Darstellung
• Höhe: 400-600px für gute Lesbarkeit
• Border-Radius: 8px für moderne Optik
• Shadow: Leichter Schatten für Tiefe

In die Startseite einfügen

Füge die Karte auf der Startseite ein, z. B. nach dem Abschnitt „Neueste Geschichten“ oder in einem eigenen Abschnitt „Unsere Route“.