@geoblocks/ol-maplibre-layer

Render a MapLibre GL JS map as an OpenLayers layer.

Usage no npm install needed!

<script type="module">
  import geoblocksOlMaplibreLayer from 'https://cdn.skypack.dev/@geoblocks/ol-maplibre-layer';
</script>

README

MapLibre OpenLayers layer

Render a MapLibre GL JS map as an OpenLayers layer.

Installation

npm i @geoblocks/ol-maplibre-layer

Code example

import MapLibreLayer from '@geoblocks/ol-maplibre-layer';

const layer = new MapLibreLayer({
  opacity: 0.7,
  maplibreOptions: {
    style: 'https://www.example.com/path/to/style.json',
  }
});

// ...
map.addLayer(layer);

All the properties passed to the construction (except maplibreOptions) are used to create the OpenLayers layer. maplibreOptions is used to create the MapLibre map.

Live examples

Basic example