Leaflet MarkerCluster Utils

Introduction

Leaflet MarkerCluster Utils is a lib of some functions to help work with leaflet.markercluster.
This lib is built using typescript to provide better type support.

Quick Start

$3

``bash
pnpm add leaflet-markercluster-utils
`

$3

`js
import L from 'leaflet';
import { getClusterAtCurrentZoom } from 'leaflet-markercluster-utils';

import 'leaflet.markercluster';

import 'leaflet/dist/leaflet.css';
import 'leaflet.markercluster/dist/MarkerCluster.css';
import 'leaflet.markercluster/dist/MarkerCluster.Default.css';

const map = L.map('map', {
crs: L.CRS.Simple,
maxZoom: 3,
}).setView([270.5, 400], 0);

const overlay = L.imageOverlay('Sample_Floorplan.jpeg', [
[0, 0],
[541, 800],
]);

const cluster = L.markerClusterGroup({
showCoverageOnHover: false,
zoomToBoundsOnClick: false,
spiderfyOnEveryZoom: true,
});

let someMarker: Marker;

for (let index = 0; index < 1000; index++) {
const randomLat = Math.random() * 541;
const randomLng = Math.random() * 800;

const marker = L.marker([randomLat, randomLng], {
icon: L.icon({
iconUrl: 'Marker.png',
iconSize: [40, 40],
}),
});

if (index === 0) {
someMarker = marker;
}

cluster.addLayer(marker);
}

map.addLayer(cluster);
map.addLayer(overlay);

const clusterOfMarker = getClusterAtCurrentZoom(map.getZoom(), someMarker);
openCluster(cluster, clusterOfMarker);
`

You can clone this repo and run pnpm dev` to see the example.

License

The MIT License.