Published
Edited
Oct 27, 2021
1 fork
Importers
2 stars
Also listed in…
Clustering
viewof showCoverageOnHover = checkbox({
options: ["showCoverageOnHover"],
value: "showCoverageOnHover"
})
viewof spiderfyOnMaxZoom = checkbox({
options: ["spiderfyOnMaxZoom"],
value: "spiderfyOnMaxZoom"
})
viewof zoomToBoundsOnClick = checkbox({
options: ["zoomToBoundsOnClick"],
value: "zoomToBoundsOnClick"
})
viewof removeOutsideVisibleBounds = checkbox({
options: ["removeOutsideVisibleBounds"],
value: "removeOutsideVisibleBounds"
})
viewof animate = checkbox({
options: ["animate"],
value: "animate"
})
viewof maxClusterRadius = slider({
min: 10,
max: 200,
step: 1,
value: 80,
title: "maxClusterRadius",
description: "defaults to 80",
format: v => `${v}px`
})
viewof spiderfyDistanceMultiplier = slider({
min: 1,
max: 10,
precision: 2,
value: 1,
title: "spiderfyDistanceMultiplier",
description: "defaults to 1"
})
lmc = {
L;
const leafletmarkercluster = await require('leaflet.markercluster@1');
if (!leafletmarkercluster._style) {
const href = await require.resolve(
"leaflet.markercluster@1/dist/MarkerCluster.css"
);
const href2 = await require.resolve(
"leaflet.markercluster@1/dist/MarkerCluster.Default.css"
);
document.head.appendChild(
(leafletmarkercluster._style = html`<link href=${href} rel=stylesheet><link href=${href2} rel=stylesheet>`)
);
}
return leafletmarkercluster;
}
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
