OpenLayers Integration

OpenLayers Example

Here is a functional OpenLayers implementation example. It uses the Sandbox Data.

Just replace the sources["nimbo-sources"]["tiles"] value with the TMS URL.

You have to invert the Y-axis in the URL by using {-y} instead of {y}.

    const map = new Map({
        target: 'map',
        layers: [
            new TileLayer({
                source: new XYZ({
                    // -y for OpenLayers (Y-axis inversion)
                    url: 'https://prod-data.nimbo.earth/mapcache/tms/1.0.0/demo_2023_7_1@kermap/{z}/{x}/{-y}.png?kermap_token=750bf73bb0f6cb9639286ea471b05e335dd4595ce1',
                }),
            })
        ],
        view: new View({
            center: [-7000000, 6000000],
            zoom: 5
        })
    });