2a:null 2b:["$","title",null,{"children":"Exploring WI Covid-19 Data | mradamcox | Observable"}] 30:T10fc,function createMap(mapContainer) { // Now we create a map object and add a layer to it. let map = L.map(mapContainer,{ fullscreenControl: true }).setView([44.6786, -89.7363], 7); basemaps["Basic"].setZIndex(1); basemaps["Satellite"].setZIndex(2); map.addLayer(basemaps["Basic"]); let latlongpopup = L.popup({'className' : 'latlong-popup'}); map.on("contextmenu", function (event) { let latitude = event.latlng.lat.toFixed(4); let longitude = event.latlng.lng.toFixed(4); let gm = 'http://maps.google.com/maps?z=7&t=k&q=loc:'+latitude+'+'+longitude; let gmlink = '
google maps' latlongpopup .setLatLng(event.latlng) .setContent(latitude+', '+longitude+'
zoom level: '+map.getZoom()+gmlink) .openOn(map); }); //let mcd = L.tileLayer.wms(legionows, { // layers: 'wi_ref:cities_towns_and_villages', // format: 'image/png', // transparent: true, //'CQL_FILTER': "cnty_name IN ('CRAWFORD','VERNON','IOWA','GRANT','RICHLAND','LAFAYETTE')" // attribution:"Minor Civil Divisions Fall 2017", // tiled: false, //}).addTo(map); let counties = L.tileLayer.wms(legionGeonodeWMS, { layers: 'general:wi_counties_nrcs_4269', transparent: true, format:'image/png', //'CQL_FILTER': "countyname IN ('Crawford','Vernon','Iowa','Grant','Richland','Lafayette')", styles:"simple_blackline", tiled: false, }).addTo(map); //let COVID19_BNDRY_TRCT = L.featureLayer({ // url: wdhs_covid19_url + '9', // pointToLayer: function (geojson, latlng) { // return L.marker(latlng, { icon: workIcon }); // }, // where: countyQuery, // oneachfeature: function (feature, layer) { // //var popupAuto = L.popup({ offset: L.point([1,-30])}) // //setLatLng([layer.geometry.coordinates[1], layer.geometry.coordinates[0]]) // //.setContent('Name = ' + feature.properties.NAME) // //.openOn(map); // document.getElementById("info-span").textContent = feature.properties.NAME; // //var popupClick = layer.bindPopup('Name = ' + feature.properties.NAME); // } //}) //.bindPopup(function (Layer) { //binds a popup when clicking on each polygon to access underlying data // let infoEl = document.getElementById("info-panel"); // console.log(infoEl); // infoEl.innerHTML = Layer.feature.properties; // return Layer.feature.properties; // }); //L.query({ // url: wdhs_covid19_url + '9' // }).where(countyQuery).run(function (error, tracts) { // if (error) { //// document.getElementById("error-msg").textContent = "error"; // return; // } // document.getElementById("error-msg").textContent = ""; // draw state on the map //let tractsLayer = L.geoJSON(tracts).addTo(map); // fit map to boundary //map.fitBounds(tractsLayer.getBounds()); // }); //dataLayer.addTo(map); //L.geoJSON(geoJson).addTo(map); //COVID19_BNDRY_TRCT.bindPopup(function (layer){ // return L.Util.template(workorderTemplate, layer.feature.properties) //}); var greenDot = L.icon({ iconUrl: 'https://upload.wikimedia.org/wikipedia/commons/thumb/a/ab/Green_pog.svg/64px-Green_pog.svg.png', iconSize: [10, 10], iconAnchor: [5, 5], popupAnchor: [0, -8] }); var redDot = L.icon({ iconUrl: 'https://upload.wikimedia.org/wikipedia/commons/thumb/a/ab/Red_pog.svg/64px-Green_pog.svg.png', iconSize: [10, 10], iconAnchor: [5, 5], popupAnchor: [0, -8] }); //COVID19_BNDRY_TRCT.addTo(map); let watershedLayers = makeWatershedLayers() let huc12 = watershedLayers[2]//.addTo(map) let huc10 = watershedLayers[1]//.addTo(map) let huc8 = watershedLayers[0]//.addTo(map) let overlayLayers = { //"COVID19_BNDRY_TRCT":COVID19_BNDRY_TRCT, "Watershed - HUC12": huc12, "Watershed - HUC10": huc10, "Watershed - HUC8": huc8, }; //let c_fullscreen = new L.fullscreen({position:'bottomright'}); let c_layers = new L.control.layers(basemaps, overlayLayers,{position:'topright'}); map.addControl(c_layers); //map.addControl(c_fullscreen); return map }31:T516,dnrRegions = { return { "Northern (NO)": ["Ashland", "Barron", "Bayfield", "Burnett", "Douglas", "Iron", "Polk", "Price", "Rusk", "Sawyer", "Taylor", "Washburn. Florence", "Forest", "Langlade", "Lincoln", "Oneida", "Vilas"], "Northeast (NE)": ["Brown", "Calumet", "Door", "Fond du Lac", "Green Lake", "Kewaunee", "Manitowoc", "Marinette", "Marquette", "Menominee", "Oconto", "Outagamie", "Shawano", "Waupaca", "Waushara", "Winnebago"], "South Central (SC)": ["Columbia", "Dane", "Dodge", "Green", "Grant", "Iowa", "Jefferson", "Lafayette", "Richland", "Rock", "Sauk"], "Southeast (SE)": ["Kenosha", "Milwaukee", "Ozaukee", "Racine", "Sheboygan", "Walworth", "Washington", "Waukesha"], "West Central (WC)": ["Adams", "Buffalo", "Chippewa", "Clark", "Crawford", "Dunn", "Eau Claire", "Jackson", "Juneau", "La Crosse", "Marathon", "Monroe", "Pepin", "Pierce", "Portage", "St. Croix", "Trempealeau", "Vernon", "Wood"] } // set up the select menu directly from the data // DOESN'T WORK BUT SOMETHING LIKE THIS WOULD BE GOOD //let pickerEl = document.getElementById("dnr-region-picker"); //for (var key in dnrRegions) { // if (dnrRegions.hasOwnProperty(key)) { // pickerEl.append(""); // } //} //return dnrRegionsLookup }32:[] 2e:{"id":"4ce904dcda0e2fbe","slug":"exploring-wi-covid-19-data","title":"Exploring WI Covid-19 Data","thumbnail":"a254a307a02f86137684283eb63b452d89488860791c45925d2890b508be4747","access_level":"public","create_time":"$D2020-05-17T19:07:22.911Z","update_time":"$D2021-05-27T00:04:48.441Z","view_time":null,"first_public_time":"$D2020-05-17T19:55:58.843Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"0ae73f6174cae4c3","login":"mradamcox","name":"","avatar_url":"https://avatars-next.observableusercontent.com/748562e30e1ea8d52d99446db67cf5bcf90ff0dff6c65ab473a44a444958ee6a","tier":"starter_2024"},"version":352,"publish_version":352,"role":null,"authored":false,"authors":[{"type":"individual","id":"826f0155b2644262","login":"mradamcox","name":"","avatar_url":"https://avatars-next.observableusercontent.com/748562e30e1ea8d52d99446db67cf5bcf90ff0dff6c65ab473a44a444958ee6a","tier":null}],"members":[{"type":"individual","id":"826f0155b2644262","login":"mradamcox","name":"","avatar_url":"https://avatars-next.observableusercontent.com/748562e30e1ea8d52d99446db67cf5bcf90ff0dff6c65ab473a44a444958ee6a","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":2,"collection":{"id":"e15ad62912b7a275","slug":"web-maps","title":"Web Maps","owner":{"id":"0ae73f6174cae4c3","login":"mradamcox","name":""}},"type":"notebook","body":{"title":"Exploring WI Covid-19 Data","cells":[{"id":0,"value":"md`# Exploring WI Covid-19 Data`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":5,"value":"wdhs_covid19_url = \"https://services1.arcgis.com/ISZ89Z51ft1G16OK/ArcGIS/rest/services/COVID19_WI/FeatureServer/\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":110,"value":"// in the census tract table there is a space preceding each county name value\ncountyQuery = {\n return \"COUNTY IN (' \" + dnrRegions[dnrRegion].join(\"', ' \") + \"')\"\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":80,"value":"viewof dnrRegion = html`\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":122,"value":"html`

Individual Census Tract Details

Negatives: | Positives: | Deaths:

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":283,"value":"map = { \n\n const mapContainer = DOM.element('div', {\n style: `width:${width}px;height:${width/1.6}px`,\n id: 'mosaic-map'\n });\n yield mapContainer\n \n let mapObj = createMap(mapContainer);\n window.map = mapObj\n return mapObj\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":276,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":255,"value":"data = d3.json(\"https://services1.arcgis.com/ISZ89Z51ft1G16OK/ArcGIS/rest/services/COVID19_WI/FeatureServer/9/query?where=\" + encodeURI(countyQuery) + \"&outSr=4326&outFields=*&f=geojson\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":266,"value":"setLayer = {\n \n window.map.eachLayer( function (layer) {\n if (layer.id == \"tract-layer\") {\n window.map.removeLayer(layer)\n }\n });\n \n let dataLayer = L.geoJSON(data, {\n style: {\n \"fill\": true,\n \"fillOpacity\": 0,\n \"color\": \"#FF380E\",\n \"weight\": 1.25,\n \"opacity\": 1,\n },\n onEachFeature: handleLayer\n });\n dataLayer.id = \"tract-layer\"\n window.map.addLayer(dataLayer);\n window.map.fitBounds(dataLayer.getBounds(), {animate: true});\n return dataLayer.getBounds()\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":309,"value":"function handleLayer(feature, layer) {\n layer.on({\n mouseover: mouseoverfunction,\n mouseout: mouseoutfunction,\n click: showFullPlat,\n contextmenu: removeFullPlat,\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":316,"value":"function showFullPlat(e) {\n let props = e.target.feature.properties;\n let neg = props.NEGATIVE;\n let pos = props.POSITIVE;\n let de = props.DEATHS;\n if (neg == -999) {\n document.getElementById(\"negative-ct\").textContent = 0;\n } else {\n document.getElementById(\"negative-ct\").textContent = neg;\n }\n if (pos == -999) {\n document.getElementById(\"positive-ct\").textContent = 0;\n } else {\n document.getElementById(\"positive-ct\").textContent = pos;\n }\n if (de == -999) {\n document.getElementById(\"death-ct\").textContent = 0;\n } else {\n document.getElementById(\"death-ct\").textContent = de;\n }\n let mapObj = e.target._map\n //platFullLayers.forEach( function(layer, index) {\n // if (layer.options.id == label) {\n // mapObj.addLayer(layer)\n // }\n //});\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":318,"value":"function removeFullPlat (e) {\n let label = e.target.feature.properties.label.replace( /\\s/g, '');\n let mapObj = e.target._map\n //platFullLayers.forEach( function(layer, index) {\n // if (layer.options.id == label) {\n // mapObj.removeLayer(layer)\n // }\n // });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":310,"value":"function mouseoverfunction(e) {\n let label = e.target.feature.properties.label.replace( /\\s/g, '');\n let year = e.target.feature.properties.year\n \n document.getElementById(\"trlabel\").textContent = label;\n document.getElementById(\"tryear\").textContent = \"(\"+year+\")\";\n\n //platTransLayers.forEach( function(layer, index) {\n // if (layer.options.id == label) {\n // layer.setOpacity(1);\n //layer.setParams( {styles:\"ras_Red0Trans170\"} );\n // }\n //});\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":313,"value":"function mouseoutfunction(e) {\n document.getElementById(\"trlabel\").textContent = \"\";\n document.getElementById(\"tryear\").textContent = \"\";\n \n let label = e.target.feature.properties.label.replace( /\\s/g, '');\n let mapObj = e.target._map\n //platTransLayers.forEach( function(layer, index) {\n // if (layer.options.id == label) {\n // layer.setOpacity(.5);\n //layer.setParams( {styles:\"ras_Black0Trans170\"} );\n // }\n// });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":142,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":54,"value":"function makeWatershedLayers () {\n let watershed_attr = \"Watershed Boundaries (WIDNR)\";\n let huc8 = L.tileLayer.wms(legionGeonodeWMS, {\n layers: 'general:wbdhuc8',\n format: 'image/png',\n transparent: true,\n attribution: watershed_attr,\n tiled: true,\n maxZoom:19,\n });\n let huc10 = L.tileLayer.wms(legionGeonodeWMS, {\n layers: 'general:wbdhuc10',\n format: 'image/png',\n transparent: true,\n attribution: watershed_attr,\n tiled: true,\n maxZoom:19,\n });\n let huc12 = L.tileLayer.wms(legionGeonodeWMS, {\n layers: 'general:wbdhuc12',\n format: 'image/png',\n transparent: true,\n attribution: watershed_attr,\n tiled: true,\n maxZoom:19,\n });\n return [huc8, huc10, huc12]\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":55,"value":"import {legionGeonodeWMS, baseLayers} from \"@mradamcox/resources\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":345,"value":"basemaps = baseLayers()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":20,"value":"import {mapbox_access_token as mb_key} from \"@mradamcox/resources\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":10,"value":"L = require('leaflet@1.3.0','https://unpkg.com/esri-leaflet@2.0.6')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":12,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":243,"value":"d3 = require(\"https://d3js.org/d3.v5.min.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 2f:"$2e:body"