Embeddable tour planner

One script tag and one element, and the page has a full-screen hiking and cycling route planner with saved tours, an elevation profile and GPX export — built from the toubiz data of your own channel.

Embedded in just a few lines of code

<script type="module" src="https://tour-planner.toubiz.de/js/current/tour-planner.js"></script>

<toubiz-tour-planner
    api-token="…"
    lang="de"
    link-generators-preset="staticPathNoRouter"
    serialized-configuration="{
        plannerMapDefaults: { lng: 7.8212385, lat: 47.9800262, zoom: 10 },
        plannerSearchBounds: {
            nw: { latitude: 48.951281, longitude: 7.429185 },
            se: { latitude: 47.781629, longitude: 10.0844 },
        },
        imprintLink: 'https://example.com/imprint',
        privacyPolicyLink: 'https://example.com/privacy',
        operatorName: 'Example Tourism GmbH',
        homeLink: 'https://example.com',
        staticWidgetPath: 'https://example.com/path-to-my-widget',
    }"
></toubiz-tour-planner>

See our documentation for detailed info about the configuration.