BouleMap
iFrame Einbindungs-PortalDie interaktive Bouleplatz-Karte
auf deiner Vereins-Website
Bette die größte, weltweit synchronisierte Boule- und Pétanque-Karte mit Live-Pinnwand direkt auf deiner Seite ein. Völlig kostenlos, ohne API-Schlüssel, 100% DSGVO-konform und in 60 Sekunden fertig.
Interaktiver Embed-Code Konfigurator
Passe die Maße an deine Website an und kopiere deinen fertigen HTML-Code mit 1 Klick.
Die Karte startet immer in der gewohnten Übersicht mit allen Funktionen. Über den integrierten GPS-Button („Mein Standort“) zentrieren Besucher die Karte jederzeit sofort auf ihre persönliche Umgebung. Keine manuelle Standort-Konfiguration nötig!
Größen- & Layout-Vorlagen
Fertig vorkonfigurierte Snippets für die beliebtesten Einsatzbereiche auf Webseiten.
Standard-Inhaltsseite
Ideal eingebettet zwischen zwei Textabsätzen auf einer Vereins-Unterseite.
Kompaktes Sidebar-Widget
Schlanke 380px Höhe für Blog-Seitenleisten, Footer-Bereiche oder Ankündigungen.
Schritt-für-Schritt CMS-Anleitungen
So fügst du den generierten Code in dein bevorzugtes Website-System ein.
- Öffne deine WordPress-Website und gehe auf die Seite, auf der die Karte erscheinen soll.
- Klicke im Editor auf das „+“-Symbol (Block hinzufügen).
- Tippe „HTML“ in die Suchleiste und wähle den Block „Individuelles HTML“ aus.
- Füge deinen oben kopierten
<iframe>-Code in das Feld ein. - Klicke oben rechts auf „Aktualisieren“ oder „Veröffentlichen“. Deine Karte ist sofort live!
- Öffne die gewünschte Seite mit dem Elementor Page Builder.
- Suche in der linken Widget-Leiste nach dem Widget „HTML“.
- Ziehe das HTML-Widget an die gewünschte Position auf deiner Seite.
- Füge den generierten Code in das Textfeld „HTML-Code“ links ein.
- Klicke auf den grünen „Speichern“-Button unten links.
- Bewege den Mauszeiger auf die Stelle deiner Jimdo-Seite, wo die Karte hin soll, und klicke auf „Inhalt hinzufügen“.
- Wähle „Weitere Inhalte & Add-ons“ ➔ „Widget / HTML“.
- Füge den iFrame-Code in das Fenster ein.
- Klicke auf „Speichern“.
- Klicke im Wix-Editor links auf das „+“-Symbol (Elemente hinzufügen).
- Wähle „Einbetten“ ➔ „Benutzerdefinierte Einbettungen“ ➔ „HTML einbetten“.
- Klicke auf den neu erschienenen Kasten und wähle „Code eingeben“.
- Wähle „Code“, füge den Code ein und klicke auf „Aktualisieren“.
- Ziehe die Ränder des Rahmens auf die volle gewünschte Breite und Höhe.
- Klicke auf einen Inhaltsabschnitt und wähle „Block hinzufügen“.
- Wähle den Block „Code“ aus.
- Stelle sicher, dass im Dropdown HTML ausgewählt ist (und „Anzeigen“ deaktiviert ist).
- Füge den iFrame-Code ein und speichere die Seite.
- Öffne deinen Beitrag im Joomla-Editor (TinyMCE oder JCE).
- Schalte den Editor mit dem Symbol „Quellcode“ (
<>) auf HTML-Ansicht. - Füge den
<iframe>-Code an der gewünschten Stelle ein. - Klicke auf „Speichern & Schließen“.
- Öffne deine
.html-Datei in einem beliebigen Code-Editor. - Füge den generierten
<iframe ...></iframe>-Tag an der gewünschten Position innerhalb des<body>-Bereichs ein. - Lade die Datei auf deinen Webserver hoch – fertig!
Häufig gestellte Fragen (FAQ)
Wichtige Informationen zu Technik, Datenschutz und Kosten.
💰 Kostet die Einbindung etwas?
Nein! Die Einbindung über iFrame ist für Vereine, Verbände, private Boule-Blogs und Initiativen 100% kostenlos.
🔒 Ist die Karte DSGVO-konform?
Ja, absolut. Die Karte basiert auf Leaflet.js und nutzt freie Kachelserver (OpenStreetMap). Es werden keine Google Maps APIs geladen.
📍 Wie finden Besucher Plätze in ihrer Umgebung?
Die Karte verfügt über einen integrierten GPS-Button („Mein Standort“). Besucher können mit einem Klick ihren eigenen aktuellen Standort zentrieren, ganz ohne manuelle Vorkonfiguration.
🔄 Muss ich bei Updates etwas anpassen?
Nein! Das ist der entscheidende Vorteil der iFrame-Technologie: Neue Plätze, verbesserte Funktionen und Pinnwand-Nachrichten sind auf deiner Website automatisch sofort live, ohne dass du je ein Plugin aktualisieren musst.