Ob Tourismusverband, Bikepark oder Trailgebiet: Mit dem Trailradar-Embed zeigt ihr eure Strecken direkt auf eurer eigenen Seite – als interaktive Karte.
Die Daten kommen live aus Trailradar: Status, GPX-Tracks und Öffnungszeiten. Über den Trailradar-Spotmanager lassen sich Änderungen schnell und unkompliziert einpflegen.
So sieht das aus
Ein Beispiel: eine eingebettete Karte für ein Trailgebiet im nördlichen Bayern – genau so, wie sie auch auf eurer Website erscheinen würde.
Beispiel: eingebettete Karte für ein Trailgebiet im nördlichen Bayern
Code zum Einbetten
Fügt diesen Code an der Stelle eurer Seite ein, an der die Karte erscheinen soll. Ersetzt DEIN-TOKEN durch euren Embed-Token.
<div id="trailradar-embed" style="height:500px"></div>
<script src="https://trailradar.org/embed.js"></script>
<script>
TrailRadar.mount({
token: 'DEIN-TOKEN',
center: [50.1043, 11.4497], // z.B. euer Trailgebiet
zoom: 12,
height: '500px',
});
</script>Optionen
| Option | Beschreibung | Standard |
|---|---|---|
token | Euer Embed-Token (erforderlich) | – |
target | CSS-Selector des Ziel-Elements | #trailradar-embed |
center | [lat, lng] des Kartenausschnitts | – |
zoom | Zoomstufe der Karte | – |
height | Höhe des eingebetteten Bereichs | 500px |
baseUrl | Nur für Self-Hosting / lokale Entwicklung | https://trailradar.org |
Häufige Fragen
Was kostet das?
Es gibt kein festes Preismodell und keinen Self-Checkout. Die Kosten hängen vom Umfang ab (z. B. Anzahl der Trails, Domains, Individualisierung). Schreibt uns – gemeinsam schauen wir, was für euch möglich ist und was es kostet.
Wie bekomme ich einen Token?
Tokens werden nicht automatisiert vergeben. Meldet euch per Mail, dann besprechen wir Umfang und Kosten und richten euch anschließend einen Token ein.
Kann ich mehrere Trailgebiete in einem Embed zeigen?
Ja. Ein Token kann mehrere Spots umfassen – welche, legen wir bei der Einrichtung gemeinsam fest.
Ist die eingebettete Karte responsive?
Ja. Die Karte passt sich in der Breite automatisch an, die Höhe legt ihr über die height-Option fest.