Maplibre Integration

Maplibre Integration

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

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

const map = new maplibregl.Map({
    container: 'map',
    style: {
        version: 8,
        sources: {
            "nimbo-source": {
                "type": "raster",
                "tiles": [
                    "https://prod-data.nimbo.earth/mapcache/tms/1.0.0/demo_2023_7_1@kermap/{z}/{x}/{y}.png?kermap_token=750bf73bb0f6cb9639286ea471b05e335dd4595ce1"
                ],
                "tileSize": 256,
                "scheme": "tms"
            }
        },
        layers: [{
            "id": "kermap-layer",
            "type": "raster",
            "source": "nimbo-source"
        }]
    }
});