OpenStreetMap-Karte einbinden, ohne Google
OSM-Karte von booqwidget: OpenStreetMap-Karte mit eigenen Markierungen, lädt erst nach Klick, ohne Google. OpenStreetMap-Karte: lädt erst nach Klick, dann Verbindung zur OpenStreetMap Foundation.
Stand: 29.09.2026
Das können Sie im Editor einstellen
Der Editor für OSM-Karte hat 4 Reiter: Orte, Karte, Datenschutz und Design. Jede Änderung wirkt sofort auf Ihrer Website, der Einbettungscode bleibt gleich.
Orte
- Überschrift
- Überschrift.
- Markierungen
- Ort (je Eintrag: Name, Adresse, Info im Kartenfenster, z. B. Öffnungszeiten, Website, Breitengrad, Längengrad).
Karte
- Karte
- Zoom; Höhe; Breite; Adressen unter der Karte auflisten; Link „Route planen“; Text des Links; Route öffnen mit (OpenStreetMap, Google Maps oder Apple Karten).
Datenschutz
- Zwei-Klick-Lösung
- Hinweis vor dem Laden; Button-Text; Link zu Ihrer Datenschutzerklärung; Besucher können „Karten immer laden“ wählen.
Design
- Form
- Eckenradius.
- Farben
- Farben für Markierung und Button, Text auf dem Button, Platzhalter und Text.
Datenschutz: was beim Aufruf passiert
OpenStreetMap-Karte: lädt erst nach Klick, dann Verbindung zur OpenStreetMap Foundation.
- Keine Cookies im Browser Ihrer Besucher
- Auslieferung von Servern in Deutschland (IONOS SE)
- Statistik nur als Tagessumme, ohne IP-Adresse
Wie booqwidget selbst mit den Daten umgeht, steht in unserer Datenschutzerklärung, Abschnitt OSM-Karte und Filialfinder (OpenStreetMap, Zwei-Klick-Lösung).
Rechtsgrundlage laut Textbaustein
Art. 6 Abs. 1 lit. a DSGVO und § 25 Abs. 1 TDDDG
Den fertigen Text für Ihre Datenschutzerklärung zeigt das Dashboard beim Einbauen, zum Kopieren.
Textbaustein ansehen: OpenStreetMap
Auf dieser Website zeigen wir Karten von OpenStreetMap über ein Widget von booqwidget (Jens Pfeiffer, Reichsstraße 102, 14052 Berlin). Die Karte wird erst geladen, wenn Sie auf „Karte laden“ klicken. Vorher besteht keine Verbindung zu OpenStreetMap. Die Kartensoftware (Leaflet) liefert booqwidget selbst aus. Das Widget-Skript und seine Einstellungen werden von Servern in Deutschland ausgeliefert, dabei werden lediglich anonymisierte technische Daten (gekürzte IP-Adresse, Browsertyp, Zeitpunkt) verarbeitet. Es werden keine Cookies gesetzt. Aufrufe und Klicks im Widget werden nur als Summe pro Tag gezählt, ohne IP-Adresse und ohne Wiedererkennung von Besuchern.
Nach Ihrem Klick lädt Ihr Browser Kartenkacheln von tile.openstreetmap.org. Dabei verarbeitet die OpenStreetMap Foundation (St John’s Innovation Centre, Cowley Road, Cambridge, CB4 0WS, Vereinigtes Königreich) Ihre IP-Adresse und technische Angaben Ihres Browsers. Für das Vereinigte Königreich liegt ein Angemessenheitsbeschluss der EU-Kommission vor. Wenn Sie „Karten immer laden“ wählen, wird diese Entscheidung nur in Ihrem Browser gespeichert (localStorage). Datenschutzhinweise der OpenStreetMap Foundation: https://osmfoundation.org/wiki/Privacy_Policy
Die Suche nach Filialen und die Berechnung der Entfernung laufen in Ihrem Browser. Wenn Sie „Meinen Standort verwenden“ wählen, fragt Ihr Browser vorher um Erlaubnis; der Standort wird nur zum Sortieren genutzt und nicht übertragen. Links zur Routenplanung öffnen den jeweiligen Kartendienst erst nach Ihrem Klick.
Rechtsgrundlage für das Laden der Karte ist Ihre Einwilligung (Art. 6 Abs. 1 lit. a DSGVO, § 25 Abs. 1 TDDDG). Sie können sie jederzeit widerrufen, indem Sie die Website-Daten Ihres Browsers löschen.
OSM-Karte in 3 Schritten einbauen
Konto anlegen
Registrieren Sie sich kostenlos. Eine Kreditkarte brauchen Sie für das erste Widget nicht.
Widget einrichten
Wählen Sie im Dashboard das Widget OSM-Karte und stellen Sie es im Editor ein. Die Vorschau zeigt jede Änderung.
Code einfügen
Fügen Sie den Code an der Stelle Ihrer Seite ein, an der das Widget erscheinen soll.
<!-- booqwidget: OSM-Karte -->
<script src="https://booqwidget.booqgroup.com/widgets/werkzeuge/karte/bw-osm.js" data-key="SCHLUESSEL" async></script>Der Code funktioniert überall, wo Sie HTML einfügen können. Das Dashboard enthält Anleitungen für WordPress, Wix, Jimdo, Shopify, Squarespace, Webflow, Joomla, TYPO3, IONOS MyWebsite, Weebly und Google Sites.
Häufige Fragen zu OSM-Karte
Ist das Widget OSM-Karte DSGVO-konform einsetzbar?
Ja. booqwidget liefert das Widget von Servern in Deutschland aus (IONOS SE) und setzt keine Cookies. OpenStreetMap-Karte: lädt erst nach Klick, dann Verbindung zur OpenStreetMap Foundation.
Nennen Sie das Widget in Ihrer Datenschutzerklärung. Den passenden Textbaustein zeigt das Dashboard beim Einbauen, er stützt sich auf Art. 6 Abs. 1 lit. a DSGVO und § 25 Abs. 1 TDDDG.
Setzt das Widget OSM-Karte Cookies?
Nein, das Widget setzt keine Cookies. Aufrufe und Klicks zählt booqwidget nur als Summe pro Tag, ohne IP-Adresse und ohne Besucher wiederzuerkennen.
Was ein Besucher im Widget auswählt oder schließt, merkt sich nur sein Browser (localStorage). booqwidget erhält diese Angabe nicht.
Macht das Widget OSM-Karte meine Website langsamer?
Das Skript bw-osm.js ist 12 KB groß, mit gzip-Komprimierung werden rund 5 KB übertragen. Es lädt mit dem Attribut async und hält den Aufbau Ihrer Seite nicht auf. Die Einstellungen holt es vom booqwidget-Server in Deutschland, Schriften von Google oder anderen Diensten lädt es nicht.
Das Widget zeichnet sich in einem eigenen Shadow DOM. Die Styles Ihrer Seite und die des Widgets beeinflussen sich dadurch nicht.
Ist das Widget OSM-Karte barrierefrei?
Das Skript enthält ARIA-Auszeichnungen für Bildschirmleser und einen sichtbaren Tastaturfokus.
Farben, Schriftgrößen und Texte legen Sie im Editor fest. Achten Sie dabei auf ausreichenden Kontrast. Grundlage der Angaben ist eine Selbstbewertung von booqwidget, eine externe Prüfung steht noch aus.
Was kostet das Widget OSM-Karte und wie kündige ich?
Das Widget OSM-Karte kostet 0,49 € im Monat. Ihr erstes Widget ist kostenlos. Es gibt keine Mindestlaufzeit: Sie kündigen im Dashboard oder per E-Mail an hello@booqgroup.com zum Ende des laufenden Abrechnungsmonats (AGB § 5).
Weitere Werkzeug-Widgets
- Filialfinder
Standorte mit Suche nach PLZ oder Ort, Öffnungszeiten, Route und OpenStreetMap-Karte per Zwei-Klick.
- Logo-Showcase
Kunden- oder Partnerlogos als Laufband oder Raster, in Graustufen mit Farbe beim Überfahren.
- Veranstaltungskalender
Termine als Liste, Monat oder Karten, mit Kalender-Download, Google-Kalender-Import und Event-Schema.
- Altersverifikation
Vollbild-Altersabfrage per Ja/Nein oder Geburtsdatum, Bestätigung nur im Browser, Weiterleitung bei Nein.
- Barrierefreiheit
Bedienhilfen-Menü für die ganze Website: 6 Zugangsprofile, Kontrast, Sättigung, Textgröße, Abstände, Vorlesen, Leselineal und Leseansicht. Ersetzt keine barrierefreie Website.
- Bestände
Lager und Verfügbarkeit aus dem Booqshop als Ampel, Liste oder Einzelprodukt, z. B. „Nur noch 3 verfügbar“.
Alle 32 Werkzeug-Widgets ansehen
Sie vergleichen Anbieter? booqwidget im Vergleich mit Elfsight, Common Ninja und POWR.
OSM-Karte kostenlos einrichten
Das erste Widget kostet nichts. Danach zahlen Sie je Widget 0,49 € bis 1,99 € im Monat, ohne Mindestlaufzeit.
Kostenlos einrichten