Karte in eigene Seiten einbinden

Diese Anleitung richtet sich an Gemeinden, Kundinnen und Kunden sowie an alle, die eine karte.bayern-Karte in die eigene Website, ein Intranet oder ein Portal einbauen möchten. Der einfachste Weg ist ein iFrame mit dem von karte.bayern erzeugten Link.

Karte erstellen Editor öffnen

So funktioniert es

Öffne /teilen/ und erstelle deine Karte mit Markern, Routen oder anderen Inhalten.
Kopiere im Editor den erzeugten Teil-Link oder den iFrame-Code.
Füge den iFrame in deine eigene Seite ein. Die Karte läuft dann direkt in deinem Layout.

Empfohlener iFrame

<iframe
  src="https://karte.bayern/teilen/?config=DEINE_KONFIGURATION"
  width="100%"
  height="550"
  style="border:0;border-radius:12px;"
  loading="lazy"
  allowfullscreen
  title="Karte von karte.bayern"></iframe>

Der Editor unter /teilen/?edit erzeugt den passenden iFrame-Code automatisch. Für öffentliche Seiten sollte der reine Anzeige-Link genutzt werden, nicht der Editor-Link.

Praxisempfehlungen für Gemeinden und Kunden

Nutze für normale Einbindungen eine Höhe zwischen 450 und 700 Pixeln.
Setze den iFrame auf 100 Prozent Breite, damit er auf Mobilgeräten sauber mitwächst.
Gib dem iFrame einen sinnvollen title-Text für Barrierefreiheit und SEO.
Wenn du die Karte in ein Portal mit vielen Seiten einbindest, verwende den Share-Link statt einer Screenshot-Lösung.
Für kommunale oder kundenspezifische Projekte ist es sinnvoll, die gewünschte Zielseite und den Verwendungszweck früh abzustimmen.

Hinweis zur Verfügbarkeit

Die Einbindung ist aktuell frei möglich. Es kann sein, dass neue Einbindungen oder erweiterte Funktionen später eine Registrierung oder Freigabe erfordern. Wenn sich daran etwas ändert, wird das hier transparent dokumentiert.

Für Gemeinden, die mehrere Einbindungen, eigene Daten oder einen abgestimmten Rollout planen, empfehlen wir eine kurze Abstimmung vor dem Livegang.

Kurz gefragt

Kann ich die Karte ohne Login einbetten?: Ja, aktuell ist das möglich.
Woher bekomme ich den Code?: Im Editor unter /teilen/?edit wird der Code automatisch erzeugt.
Was ist, wenn ich mehrere Karten brauche?: Dann lohnt sich eine gemeinsame Abstimmung, damit Struktur, Höhe und Zielseiten sauber geplant werden.