27:null 28:["$","title",null,{"children":"Layer Interfaces | Observable Ambassadors | Observable"}] 2d:T6c5,viewof berkshire_map = { const container = html`

`; let inner = container.querySelector(".inner"); inner.addEventListener("input", e => e.stopPropagation()); //need to allow layer toggles to check on and off yield container; // Initial View let map = L.map(inner).setView([42.3824162, -73.2380902], 10); // Default Tile Layers [Basemap] let osmLayer = L.tileLayer( 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '© OpenStreetMap contributors' } ).addTo(map); // Additional Tile Layers [Basemaps] let world_imagry = L.tileLayer( 'https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}', { attribution: 'Tiles © Esri — Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community', maxZoom: 17 } ); let world_topo = L.tileLayer( 'https://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer/tile/{z}/{y}/{x}', { attribution: 'Tiles © Esri — Esri, DeLorme, NAVTEQ, TomTom, Intermap, iPC, USGS, FAO, NPS, NRCAN, GeoBase, Kadaster NL, Ordnance Survey, Esri Japan, METI, Esri China (Hong Kong), and the GIS User Community', maxZoom: 17 } ); // Base Layers [Basemap Selection] - We need at least one. let baseLayers = { "Open Street Maps": osmLayer, "World Imagery": world_imagry, "World Topo Map": world_topo }; // store some extras map.addLayer(world_imagry); map.baseLayers = baseLayers; container.value = map; }2e:T40c,{ controls; console.log("The individual control layers were updated."); berkshire_map.removeControl(berkshire_map.control_layers); berkshire_map.controlLayers["Areas of Concen"] = acecs_poly; // populating options into the new control group berkshire_map.controlLayers["Natural Communities"] = NATCOMM_POLY; berkshire_map.controlLayers["Rare Wildlife Habitats"] = ESTHAB_POLY; berkshire_map.controlLayers["Estimated Rare Habitat"] = PRIHAB_POLY; let control_layers = new L.control.layers( berkshire_map.baseLayers, berkshire_map.controlLayers, { position: 'topright', collapsed: false } ); berkshire_map.control_layers = control_layers; // this is responsible for replacing big map controls with individual data berkshire_map.addControl(berkshire_map.control_layers); // this adds the controls for individual data onto the map invalidation.then(() => { berkshire_map.removeControl(berkshire_map.control_layers); // this removes the controls to stop them from multiplying }); }2f:[{"id":"237307c0b09571da8240e0427e54d9d0ba4051f9bd22458253c0514799aa13798df4e8ab3f1a6cce2c30333cfca1a3c12f4d6b2c2e18b222fd80287bdc39b16c","href":"https://static.observableusercontent.com/files/237307c0b09571da8240e0427e54d9d0ba4051f9bd22458253c0514799aa13798df4e8ab3f1a6cce2c30333cfca1a3c12f4d6b2c2e18b222fd80287bdc39b16c","name":"berkshires_NATCOMM_POLY.geojson","type":"application/geo+json","lastModified":1615129316953.482,"size":1344447},{"id":"7f05cd9fb01b0e8870d06428f63c6c9e5cdde04842da109bc3a611a77010c65a8adf488db661e0ab273b8532135eb91a9b99c1fc320c121eb895a7f735132380","href":"https://static.observableusercontent.com/files/7f05cd9fb01b0e8870d06428f63c6c9e5cdde04842da109bc3a611a77010c65a8adf488db661e0ab273b8532135eb91a9b99c1fc320c121eb895a7f735132380","name":"berkshires_ESTHAB_POLY.geojson","type":"application/geo+json","lastModified":1615129316953.482,"size":4146004},{"id":"f14935e07666cdbf7adc4809ddff551d734f4f37385d0606bed08b39246cb67b884aa5bdd114caed2249296924978e5bc40c7166c3cc2367e5ae94d6bdf77ed9","href":"https://static.observableusercontent.com/files/f14935e07666cdbf7adc4809ddff551d734f4f37385d0606bed08b39246cb67b884aa5bdd114caed2249296924978e5bc40c7166c3cc2367e5ae94d6bdf77ed9","name":"berkshires_PRIHAB_POLY.geojson","type":"application/geo+json","lastModified":1615129316953.482,"size":5728540},{"id":"d868c0a4e4b2c3ab4b20c69e95bf19ab299016e3293337d2825201f45de0c27aa38b7365b8bbb7db129db9d995820bc8ced430d51bc6c84f967c2d4ba0a567a5","href":"https://static.observableusercontent.com/files/d868c0a4e4b2c3ab4b20c69e95bf19ab299016e3293337d2825201f45de0c27aa38b7365b8bbb7db129db9d995820bc8ced430d51bc6c84f967c2d4ba0a567a5","name":"berkshires_acecs_poly.geojson","type":"application/geo+json","lastModified":1615129316953.482,"size":284185}] 2b:{"id":"5cd195ae90c8b0b9","slug":null,"title":"Layer Interfaces","thumbnail":"f45d691f5716c9c9a482f5f0541c43f4b169296f7fe9d8b4201bd54a5e2648c1","access_level":"unlisted","create_time":"$D2021-03-07T15:01:56.953Z","update_time":"$D2021-03-09T03:24:12.479Z","view_time":null,"first_public_time":null,"has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"11bfeb572ddbe905","login":"ambassadors","name":"Observable Ambassadors","avatar_url":"https://avatars-next.observableusercontent.com/93bf798c058a2bf8d3bb90c0754f774b6278b8b16748784f520b07a8800ef772","tier":"pro_2024"},"version":2331,"publish_version":2331,"role":null,"authored":false,"authors":[{"type":"individual","id":"5215f6ec4a999d40","login":"tomlarkworthy","name":"Tom Larkworthy","avatar_url":"https://avatars-next.observableusercontent.com/47327a8bc1966f2186dcb3ebf4b7ee6e4e7ab9a5c2a07405aff57200ea778f71","tier":null}],"members":[{"type":"individual","id":"c1daf2951ad616fb","login":"cobus","name":"Cobus Theunissen","avatar_url":"https://avatars-next.observableusercontent.com/4a17a065d7a0f5f9a64a852f7b26a4f875c2ff69eb17264c3bd9f81e69285c05","tier":null,"role":"editor"},{"type":"individual","id":"4530d0072aa49b47","login":"erinn","name":"Erinn Wong","avatar_url":"https://avatars-next.observableusercontent.com/9119ac38e4f1c92d50b28822c47306212f06e085b7d1416e851a1c397194e2d4","tier":null,"role":"editor"},{"type":"individual","id":"45a379fcfcb14253","login":"fil","name":"Fil","avatar_url":"https://avatars-next.observableusercontent.com/d5b1777907117a2bdf2a07eb98600d7a9beb21639fde42b9753e95c88c7731a6","tier":null,"role":"editor"},{"type":"individual","id":"074c414ad1d825f5","login":"mbostock","name":"Mike Bostock","avatar_url":"https://avatars-next.observableusercontent.com/7dbba99ced40bd5ab8013c99b1a11da61231bce321ba1148a9d16ad0f121550a","tier":null,"role":"editor"},{"type":"individual","id":"07362516b5994994","login":"mootari","name":"Fabian Iwand","avatar_url":"https://avatars-next.observableusercontent.com/0d7defa821f38094c03bad23b9b360a5364e6e97e21fc238c39ddc48db7994ad","tier":null,"role":"editor"},{"type":"individual","id":"0bb2842b01e0c652","login":"tophtucker","name":"Toph Tucker","avatar_url":"https://avatars-next.observableusercontent.com/3706c31a8f9c59bb716c022c04b9c073144cd1368b78ac85f49139be6c93c34e","tier":null,"role":"editor"},{"type":"individual","id":"dbf69c13a14d2f62","login":"visnup","name":"Visnu Pitiyanuvath","avatar_url":"https://avatars-next.observableusercontent.com/b847c4c49993b1df7599d355f47dc0ad9c2dcf43439ce9e8f3410e6368b3aac9","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Layer Interfaces","cells":[{"id":0,"value":"md`\n# Layer Interfaces\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2195,"value":"md`\nDropping this in Ambassadors' collaboration space as a help request. My basic question is whether it is possible expose some sort of user editor for map colors that _doesn't_ re-draw the map each time.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1733,"value":"md`\n#### Areas of Concern\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1741,"value":"viewof acecs_poly_color = color({\n value: \"#EE4031\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1743,"value":"viewof acecs_poly_opacity = slider({\n min: 0, \n max: 1, \n step: 0.05, \n value: 0.5, \n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1839,"value":"md`\n#### Rare Wildlife Habitats\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1751,"value":"viewof ESTHAB_POLY_color = color({\n value: \"#00FF00\",\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1753,"value":"viewof ESTHAB_POLY_opacity = slider({\n min: 0, \n max: 1, \n step: 0.05, \n value: 0.5, \n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1843,"value":"md`\n#### Estimated Rare Habitat\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1745,"value":"viewof PRIHAB_POLY_color = color({\n value: \"#006400\",\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1747,"value":"viewof PRIHAB_POLY_opacity = slider({\n min: 0, \n max: 1, \n step: 0.05, \n value: 0.5, \n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2173,"value":"md`\n#### Natural Communities\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1768,"value":"viewof NATCOMM_POLY_color = color({\n value: \"#ff8c00\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1769,"value":"viewof NATCOMM_POLY_opacity = slider({\n min: 0, \n max: 1, \n step: 0.05, \n value: 0.5, \n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"$2d","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2286,"value":"{\n berkshire_map;\n console.log(\"berkshire_map recomputed\"); // console message to indicate where errors occur. Currently I am seeing the error. Will try to solve!\n try {\n throw new Error(\"here\");\n } catch (err) {\n console.error(err);\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2214,"value":"controls = {\n const map = berkshire_map;\n // Control Layers [Show/Hide Features]\n let controlLayers = {};\n let control_layers = new L.control.layers(map.baseLayers, controlLayers, {\n position: 'topright',\n collapsed: false\n });\n \n map.control_layers = control_layers;\n map.controlLayers = controlLayers;\n map.addControl(control_layers);\n\n invalidation.then(() => {\n console.log(\"invalidation\");\n map.removeControl(control_layers);\n });\n\n // Data Layers\n towns.addTo(map);\n\n // Helper to check on code execution\n console.log(\"The big cell was updated\");\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2243,"value":"$2e","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2237,"value":"{\n // We add these to the map so that they're visible on load. Separating them here had the effect of keeping them 'always on', so I added them back into the main map view.\n acecs_poly.addTo(berkshire_map); //these place in layers on load; they may need to be invalidated in some what, as it looks like SVGs may be overwriting themselves?\n NATCOMM_POLY.addTo(berkshire_map);\n ESTHAB_POLY.addTo(berkshire_map);\n PRIHAB_POLY.addTo(berkshire_map);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":319,"value":"md`\n---\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":316,"value":"md`## Making This Map`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"md`\n---\n\n#### Spatial Data\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":354,"value":"md`\nInformation on [town borders](https://docs.digital.mass.gov/dataset/massgis-data-community-boundaries-towns) used for this map was sourced from the [Massachusetts Document Repository](https://docs.digital.mass.gov/), a state pilot project aimed at sharing information with the public.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"berkshire_towns =(await fetch('https://s3.amazonaws.com/berkshire.guide/maps/berkshire_towns.geojson')).json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":342,"value":"md`\n[**Areas of Critical Environmental Concern**](https://docs.digital.mass.gov/dataset/massgis-data-areas-critical-environmental-concern)\n\nAreas of Critical Environmental Concern are places in Massachusetts that receive special recognition because of the quality, uniqueness and significance of their natural and cultural resources.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":381,"value":"berkshires_acecs_poly = FileAttachment(\"berkshires_acecs_poly.geojson\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":346,"value":"md`\n[**NHESP Priority Habitats of Rare Species**](https://docs.digital.mass.gov/dataset/massgis-data-nhesp-priority-habitats-rare-species)\n\nThe Priority Habitats of Rare Species datalayer represents the geographic extent of Habitat of state-listed rare species in Massachusetts based on observations documented within the last 25 years in the database of the Natural Heritage & Endangered Species Program (NHESP).\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":380,"value":"berkshires_PRIHAB_POLY = FileAttachment(\"berkshires_PRIHAB_POLY.geojson\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":348,"value":"md`\n[**NHESP Estimated Habitats of Rare Wildlife**](https://docs.digital.mass.gov/dataset/massgis-data-nhesp-estimated-habitats-rare-wildlife)\n\nThe Estimated Habitats of Rare Wildlife datalayer contains a subset of the Priority Habitats of Rare Species for use with the Wetlands Protection Act regulations (310 CMR 10.00). They are based on occurrences of rare wetland wildlife observed within the last 25 years and documented in the NHESP database. They do not include those areas delineated as Priority Habitat for rare plants or for rare wildlife with strictly upland habitat requirements.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":527,"value":"berkshires_ESTHAB_POLY = FileAttachment(\"berkshires_ESTHAB_POLY.geojson\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":350,"value":"md`\n[**NHESP Natural Communities**](https://docs.digital.mass.gov/dataset/massgis-data-nhesp-natural-communities)\n\nThe NHESP Natural Communities datalayer represents the extent of various natural communities of biodiversity conservation interest in Massachusetts. These polygons are based on records of natural communities maintained in the Natural Heritage & Endangered Species Program (NHESP) database.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":375,"value":"berkshires_NATCOMM_POLY = FileAttachment(\n \"berkshires_NATCOMM_POLY.geojson\"\n).json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":323,"value":"md`\n---\n\n#### Leaflet\n\nAs indicated by the forking information shown at the top of this notebook, the foundations for this map were [created and shared](https://observablehq.com/@mbostock/hello-leaflet) by [Mike Bostock](https://observablehq.com/@mbostock). One particular advantage of Mike's approach is that it bundles together the Leaflet JavaScript and CSS files, which is helpful when [importing](https://observablehq.com/@observablehq/introduction-to-imports).\n\nThis is all there is to it:\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"L = {\n // This map uses ESRI basemaps, which require a plug-in.\n const L = await require(\"leaflet@1/dist/leaflet.js\", 'https://unpkg.com/esri-leaflet@2.5.3');\n if (!L._style) {\n const href = await require.resolve(\"leaflet@1/dist/leaflet.css\");\n document.head.appendChild(\n (L._style = html``)\n );\n }\n return L;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":331,"value":"md`\nIf you're interested to [compare different approaches](https://observablehq.com/@tmcw/leaflet), also check out [this notebook](https://observablehq.com/@tmcw/leaflet) by [Tom MacWright](https://observablehq.com/@tmcw).\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":197,"value":"md`\n---\n\n#### Layer Styling\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":333,"value":"md`\nWith Leaflet loaded into my notebook, my only remaining tasks were to gather and render out some data. The code below styles each feature layer used in the map:\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"towns = L.geoJson(await berkshire_towns, {\n color: \"yellow\",\n weight: 2, \n opacity: 0.5,\n fillColor: \"none\",\n fillOpacity: 0.5,\n pointToLayer: function(feature, latlng) {\n return L.circleMarker(latlng)\n },\n onEachFeature: towns_popup, // this doesn't work well, b/c it is only triggered on the polygoin outline, \n // not the area within\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"towns_popup = function(feature, layer) {\n if (feature.properties) {\n layer.bindPopup(\"

\" + feature.properties['TOWN'] + \"

\");\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":481,"value":"acecs_poly = L.geoJson(await berkshires_acecs_poly, {\n weight: 1,\n color: acecs_poly_color,\n fillOpacity: acecs_poly_opacity,\n onEachFeature: acecs_poly_popup\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":484,"value":"acecs_poly_popup = function(feature, layer) {\n if (feature.properties) {\n layer.bindPopup(\"

\" + feature.properties['NAME'] + \"

\");\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":417,"value":"PRIHAB_POLY = L.geoJson(await berkshires_PRIHAB_POLY, {\n weight: 1,\n color: PRIHAB_POLY_color,\n fillOpacity: PRIHAB_POLY_opacity,\n onEachFeature: PRIHAB_POLY_popup\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":422,"value":"PRIHAB_POLY_popup = function(feature, layer) {\n if (feature.properties) {\n layer.bindPopup(\n \"

\" +\n \"PRIHAB_ID: \" +\n feature.properties['PRIHAB_ID'] +\n \"
\" +\n \"Version: \" +\n feature.properties['VERSION'] +\n \"
\" +\n \"Town: \" +\n feature.properties['TOWN'] +\n \"

\"\n );\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":528,"value":"ESTHAB_POLY = L.geoJson(await berkshires_ESTHAB_POLY, {\n weight: 1,\n color: ESTHAB_POLY_color,\n fillOpacity: ESTHAB_POLY_opacity,\n onEachFeature: ESTHAB_POLY_popup\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":532,"value":"ESTHAB_POLY_popup = function(feature, layer) {\n if (feature.properties) {\n layer.bindPopup(\n \"

\" +\n \"ESTHAB_ID: \" +\n feature.properties['ESTHAB_ID'] +\n \"
\" +\n \"Version: \" +\n feature.properties['VERSION'] +\n \"
\" +\n \"Town: \" +\n feature.properties['TOWN'] +\n \"

\"\n );\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":406,"value":"NATCOMM_POLY = L.geoJson(await berkshires_NATCOMM_POLY, {\n weight: 1,\n color: NATCOMM_POLY_color,\n fillOpacity: NATCOMM_POLY_opacity,\n onEachFeature: NATCOMM_POLY_popup\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":409,"value":"NATCOMM_POLY_popup = function(feature, layer) {\n if (feature.properties) {\n layer.bindPopup(\n \"

\" +\n feature.properties['COMMUN_NAM'] +\n \"
\" +\n feature.properties['SPECIFIC_D'] +\n \"
\" +\n feature.properties['COMMUN_DES'] +\n \"
\" +\n \"Town: \" +\n feature.properties['TOWN'] +\n \"

\"\n );\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":621,"value":"md`\n---\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1736,"value":"import {color, slider} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2f","stdlib":"1","titling":"auto"}} 2c:"$2b:body"