2d:null 2e:["$","title",null,{"children":"Leaflet Implementation | Nabil Kashyap | Observable"}] 33:T486,map = { const container = html`

`; yield container; const map = L.map(container, { maxZoom: 13, minZoom: 11 }).setView( [39.952, -75.164], 11 ); L.tileLayer( "https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}{r}.png", { attribution: "| © OpenStreetMap contributors" } ).addTo(map); const clusterParams = { showCoverageOnHover: false, spiderLegPolylineOptions: { weight: 0 }, spiderfyOnMaxZoom: false, zoomToBoundsOnClick: false, iconCreateFunction: d => new L.DivIcon({ html: '

' + d.getChildCount() + '

', className: 'marker-cluster marker-cluster-' + ((d.getChildCount() > 100) ? "large" : ((d.getChildCount() > 50) ? "medium" : "small")), iconSize: new L.Point(d.getChildCount() * .6, d.getChildCount() * .6) }) }; let markers = L.markerClusterGroup(clusterParams); data.forEach(function(d) { let m = L.circle(new L.LatLng(d['Latitude'], d['Longitude'])); markers.addLayer(m); }); map.addLayer(markers); }34:[] 31:{"id":"8aa383833fa27539","slug":"leaflet-implementation","title":"Leaflet Implementation","thumbnail":"4a39c244ae92b20b4ce9f9101bd34539032067733f4658467598875d061e3e25","access_level":"public","create_time":"$D2020-12-10T18:17:27.344Z","update_time":"$D2020-12-14T17:06:52.006Z","view_time":null,"first_public_time":"$D2020-12-10T20:04:52.845Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"92032f850a4679ab","login":"bulbil","name":"Nabil Kashyap","avatar_url":"https://avatars-next.observableusercontent.com/d9e8d262f1076187594d379710a3a83a646393d004ed9faaffc35a85a0f4f9ce","tier":"starter_2024"},"version":471,"publish_version":471,"role":null,"authored":false,"authors":[{"type":"individual","id":"72aca3ddc200afbc","login":"bulbil","name":"Nabil Kashyap","avatar_url":"https://avatars-next.observableusercontent.com/d9e8d262f1076187594d379710a3a83a646393d004ed9faaffc35a85a0f4f9ce","tier":null}],"members":[{"type":"individual","id":"72aca3ddc200afbc","login":"bulbil","name":"Nabil Kashyap","avatar_url":"https://avatars-next.observableusercontent.com/d9e8d262f1076187594d379710a3a83a646393d004ed9faaffc35a85a0f4f9ce","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Leaflet Implementation","cells":[{"id":0,"value":"md`# Leaflet Implementation`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"md` ## dependencies`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"L = {\n const L = (window.L = await require('leaflet@1.2.0'));\n await require('leaflet.markercluster');\n const leafletCSS = await require.resolve(\"leaflet@1/dist/leaflet.css\");\n const leafletDefaultExtent = await require.resolve('leaflet.defaultextent/dist/leaflet.defaultextent.css');\n const markerclusterCSS = await require.resolve('leaflet.markercluster@1.4.1/dist/MarkerCluster.css');\n const markerclusterCSSdefault = await require.resolve('leaflet.markercluster@1.4.1/dist/MarkerCluster.Default.css');\n document.head.appendChild(L._style = html``);\n document.head.appendChild(L._style = html``);\n document.head.appendChild(L._style = html``);\n document.head.appendChild(L._style = html``);\n return L;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"omnivore = require('https://bundle.run/leaflet-omnivore@0.3.4')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":106,"value":"d3 = require('d3-fetch')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":339,"value":"html`\n\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"md`## map layer`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":111,"value":"data = d3.csv(\n 'https://static.observableusercontent.com/files/5164adbfa163cd9425c7c8f415af2f064af821bc1c618516f58d956b2c6a6ea30033800e9bda37ba92e7f860b5bc613f03c4c0c638df5e83664d776b5cdc3737?response-content-disposition=attachment%3Bfilename*%3DUTF-8%27%27phillyartistcensus.csv'\n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 32:"$31:body"