31:[] 2f:{"title":"Hello Overlapping Marker Spiderfier for Leaflet","cells":[{"id":0,"value":"md`# Hello Overlapping Marker Spiderfier for Leaflet`","pinned":false,"hidden":false,"mode":"ojs"},{"id":157,"value":"viewof url = createURL(\n \"https://github.com/jawj/OverlappingMarkerSpiderfier-Leaflet\"\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":45,"value":"viewof map = createMap(L)","pinned":false,"hidden":false,"mode":"ojs"},{"id":62,"value":"apply = {\n const oms = new OverlappingMarkerSpiderfier(map, options);\n\n markers.forEach(m => {\n map.addLayer(m);\n oms.addMarker(m);\n });\n\n // i feel kind of dirty but it's in the documentation ....\n var popup = new L.Popup();\n oms.addListener('click', function(marker) {\n popup.setContent(marker.label);\n popup.setLatLng(marker.getLatLng());\n map.openPopup(popup);\n });\n oms.addListener('spiderfy', function(markers) {\n map.closePopup();\n });\n\n invalidation.then(() => {\n oms.clearMarkers();\n oms.clearListeners('click');\n oms.clearListeners('spiderfy');\n\n markers.forEach(m => m.remove());\n });\n\n return md`~~~js\n\"Important\" // this cell adds markers to oms and oms to map\n~~~`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":93,"value":"md`## Options`","pinned":false,"hidden":false,"mode":"ojs"},{"id":121,"value":"html`

${viewof keepSpiderfied}${viewof nearbyDistance}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":226,"value":"html`

${viewof circleSpiralSwitchover}${viewof circleStartAngle}${viewof circleFootSeparation}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":237,"value":"html`

${viewof spiralFootSeparation}${viewof spiralLengthFactor}${viewof spiralLengthStart}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":273,"value":"html`

${viewof legWeight}${viewof legColorUsual}${viewof legColorHighlighted}`","pinned":true,"hidden":false,"mode":"ojs"},{"id":97,"value":"options = ({\n keepSpiderfied: keepSpiderfied !== false,\n nearbyDistance,\n circleSpiralSwitchover,\n circleStartAngle,\n circleFootSeparation,\n spiralFootSeparation,\n spiralLengthFactor,\n spiralLengthStart,\n legWeight,\n legColors: {\n usual: legColorUsual,\n highlighted: legColorHighlighted\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":100,"value":"viewof keepSpiderfied = checkbox({\n title: \"keepSpiderfied\",\n options: [\"yes\"],\n description: `don't unspiderfy when a marker is selected,
\ndefault: false`\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":107,"value":"viewof nearbyDistance = slider({\n min: 5,\n max: 200,\n step: 1,\n value: 20,\n title: \"nearbyDistance\",\n description:\n \"spiderfy markers within this range of the one clicked,
default: 20\",\n format: v => `${v}px`\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":111,"value":"viewof circleSpiralSwitchover = slider({\n min: 0,\n max: 200,\n step: 1,\n value: 9,\n title: \"circleSpiralSwitchover\",\n description: `show spiral instead of circle from this marker count upwards,
\n0 -> always spiral; Infinity -> always circle,
\ndefault: 9`\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":191,"value":"viewof circleFootSeparation = slider({\n min: 1,\n max: 200,\n step: 1,\n value: 25,\n title: \"circleFootSeparation\",\n description: \"related to circumference of circle,
defaults to 25\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":195,"value":"viewof circleStartAngle = slider({\n min: 0,\n max: Math.PI,\n value: Math.PI / 6,\n title: \"circleStartAngle\",\n description: \"default: Math.PI/6\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":199,"value":"viewof spiralFootSeparation = slider({\n min: 1,\n max: 200,\n step: 1,\n value: 28,\n title: \"spiralFootSeparation (experiment!),\",\n description: \"related to size of spiral, default: 28\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":206,"value":"viewof spiralLengthStart = slider({\n min: 1,\n max: 200,\n step: 1,\n value: 11,\n title: \"spiralLengthStart\",\n description: \"ditto, default: 11\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":211,"value":"viewof spiralLengthFactor = slider({\n min: 1,\n max: 200,\n step: 1,\n value: 5,\n title: \"spiralLengthFactor\",\n description: \"ditto, default: 5\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":114,"value":"viewof legWeight = slider({\n min: 0.5,\n max: 20,\n step: .5,\n value: 1.5,\n title: \"legWeight\",\n description: \"default: 1.5\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":241,"value":"viewof legColorUsual = color({\n value: '#222222',\n title: \"Usual\",\n description: \"legColors usual, default: '#222222'\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":245,"value":"viewof legColorHighlighted = color({\n value: '#ff0000',\n title: \"Highlighted\",\n description: \"legColors Highlighted, default: '#ff0000'\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":104,"value":"import { checkbox, slider, color } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":406,"value":"html`