Skip to main content

zarr-maps-leaflet

Leaflet GridLayer integration for rendering multidimensional Zarr and Icechunk datasets directly in the browser.

npm install zarr-maps-leaflet leaflet
import L from 'leaflet';
import { ZarrLayer } from 'zarr-maps-leaflet';

const layer = new ZarrLayer({
id: 'temperature',
url: 'https://example.com/temperature.zarr',
variable: 'temperature',
colormap: 'viridis',
scale: [270, 310]
});

await layer.load();
layer.addTo(map);

The layer supports custom Zarrita stores such as Icechunk, authenticated requests, dimension selectors, runtime styling, and point/profile/transect queries. See the zarr-maps documentation for complete configuration and API details.

Classes

ClassDescription
ZarrLayerLeaflet Zarr tile layer using the shared ZarrTileProvider.

Interfaces

InterfaceDescription
LeafletLayerOptionsConfiguration for a 2D raster (image) layer visualization in Leaflet.