31:T66e,apply = { if (show.clusters) { const $clusters = L.geoJson(centers, { weight: 1, color: '#0F0', pointToLayer: function(feature, latlng) { return L.circleMarker(latlng, { radius: scale(feature.properties.size), color: color(feature.properties.cluster), fill: 'black' }); }, onEachFeature: function(feature, layer) { layer.bindPopup( `Cluster: ${feature.properties.cluster}, size: ${feature.properties.size}` ); } }).addTo(map); invalidation.then(() => { map.removeLayer($clusters); }); } if (show.markers) { const $features = L.geoJson( features.features.filter(f => { if (!show.clustered && f.properties.cluster !== undefined) { return false; } return true; }), { pointToLayer: function(feature, latlng) { return L.circleMarker(latlng, { radius: 1, color: feature.properties.cluster !== undefined ? color(feature.properties.cluster) : 'black' }); }, onEachFeature: function(feature, layer) { layer.bindPopup( `${feature.properties.label}${ feature.properties.cluster !== undefined ? ", cluster:" + feature.properties.cluster : "" }` ); } } ).addTo(map); invalidation.then(() => { map.removeLayer($features); }); } return md`~~~js "Important" // this cell adds markers to cluster and cluster to map ~~~`; }32:[] 2f:{"title":"Hello Turf clustersDbscan","cells":[{"id":0,"value":"md`# Hello Turf clustersDbscan`","pinned":false,"hidden":false,"mode":"ojs"},{"id":41,"value":"viewof url = createURL(\"https://www.npmjs.com/package/@turf/clusters-dbscan\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":84,"value":"viewof map = createMap(L);","pinned":false,"hidden":false,"mode":"ojs"},{"id":418,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":150,"value":"md`## Options`","pinned":false,"hidden":false,"mode":"ojs"},{"id":675,"value":"html`${viewof inputShow}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":671,"value":"html`

${viewof metric}${viewof maxDistance}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":679,"value":"html`${viewof inputOptions}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":261,"value":"options = ({ ...inputOptions, mutate: inputOptions.mutate !== false })","pinned":false,"hidden":false,"mode":"ojs"},{"id":471,"value":"show = ({\n clusters: inputShow.clusters !== false,\n markers: inputShow.markers !== false,\n clustered: inputShow.clustered !== false\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":456,"value":"viewof inputShow = inputs({\n title: \"show\",\n className: \"inputs\",\n inputs: {\n clusters: checkbox({ title: \"clusters\", options: [\"\"], value: \"clusters\" }),\n markers: checkbox({ title: \"markers\", options: [\"\"], value: \"markers\" }),\n clustered: checkbox({\n title: \"clustered\",\n options: [\"\"]\n })\n }\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":657,"value":"viewof metric = radio({\n title: \"ClusterMetric\",\n options: [\"kilometers\", \"pixels\"],\n value: \"pixels\",\n description: \"unit of maxDistance, default: pixels\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":174,"value":"viewof maxDistance = slider({\n title: \"maxDistance\",\n min: 1,\n max: 100,\n value: 10,\n step: 1,\n description:\n \"Maximum Distance between any point of the
cluster to generate the clusters
required\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":169,"value":"viewof inputOptions = inputs({\n title: \"Options\",\n className: \"inputs\",\n inputs: {\n units: select({\n title: \"units\",\n options: [\"degrees\", \"radians\", \"miles\", \"kilometers\"],\n value: \"kilometers\",\n description: \"in which maxDistance is
expressed, default: kilometers\"\n }),\n mutate: checkbox({\n title: \"mutate\",\n options: [\"\"],\n value: \"mutate\",\n description: \"Allows GeoJSON input
to be mutated, default :false\"\n }),\n minPoints: slider({\n title: \"minPoints\",\n min: 1,\n max: 20,\n step: 1,\n value: 3,\n description:\n \"Minimum number of points to generate a single
cluster, points which do not meet this requirement
will be classified as an 'edge' or 'noise'. default: 3\"\n })\n }\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":158,"value":"import { slider, radio, checkbox, select } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":160,"value":"html`