Free map embed tool

Embed a custom map
on your website

Draw routes, mark areas, add notes: then copy one iframe and publish it anywhere. No API key required.

Was dieses Tool macht

Wenn Sie nach Karten-Embed-Code, Karte in Website einbetten oder Karte in HTML einbetten suchen, benötigen Sie normalerweise eines von zwei Dingen: einen einfachen Standortpin oder eine benutzerdefinierte Karte, die eine Route, einen Servicebereich oder eine Annotation zeigt.

Draw on a Map ist für den zweiten Fall gemacht. Anstatt nur einen Pin einzubetten, können Sie den genauen Kartenstatus einbetten, den Sie erstellt haben — Zeichnungen, Notizen, Zoomstufe und alles.

✦ wie einbetten ✦

So betten Sie eine benutzerdefinierte Karte ein

1
Erstellen Sie Ihre Karte

Öffnen Sie Draw on a Map, suchen Sie einen Ort und zeichnen Sie die Route, den Kreis oder die Annotation, die Besucher sehen sollen.

2
Generieren Sie den iframe

Klicken Sie auf die Schaltfläche Einbetten neben Teilen in der Symbolleiste. Der Code wird sofort generiert.

3
Fügen Sie in Ihre Website ein

Kopieren Sie den iframe und fügen Sie ihn in Ihr Website-HTML, CMS-Codeblock oder Embed-Widget ein.

embed.html
<iframe
  src="https://drawonamap.com/embed/#..."
  title="Draw on a Map embed"
  width="100%"
  height="420"
  style="border:0;"
  loading="lazy"
  referrerpolicy="no-referrer-when-downgrade"
  allow="geolocation"
  allowfullscreen></iframe>
✦ warum dies verwenden ✦

Warum dies anstelle eines einfachen Embeds verwenden?

🗺

Benutzerdefinierte Routen-Überlagerungen

Zeigen Sie den genauen Fußweg, Eingang, Treffpunkt oder Servicebereich, den die Leute sehen sollen.

🔑

Kein API-Schlüssel nötig

Das Produkt generiert gehosteten Embed-Code. Sie müssen keine eigene Karten-API einrichten.

📍

Funktioniert überall

Veranstaltungsseiten, Immobilienanzeigen, Reiseführer, Lieferzonen, Eventanleitungen — überall, wo ein Pin nicht ausreicht.

✦ fragen ✦

Häufig gestellte Fragen

Kann ich eine Karte in rohes HTML einbetten?

Ja. Kopieren Sie den iframe-Code und fügen Sie ihn direkt in Ihre HTML-Vorlage oder Ihren Codeblock ein.

Kann ich eine Karte mit meiner eigenen Route oder Notizen einbetten?

Ja. Der Embed bewahrt Ihre Zeichnung, Zoomstufe und Kartenposition genau so, wie Sie sie erstellt haben.

Benötige ich einen API-Schlüssel?

Nein. Draw on a Map generiert gehosteten iframe-Embed-Code — kein API-Schlüssel auf Ihrer Seite erforderlich.

Bereit, Ihre Karte einzubetten?

Es dauert etwa zwei Minuten. Zeichnen, auf Einbetten klicken, Code kopieren.