2a:null 2b:["$","title",null,{"children":"New Orleans Elevation Map + S&WB | mradamcox | Observable"}] 30:T114b,map = { let container = DOM.element('div', { style: `width:${width}px;height:${width/1.6}px` }); yield container; // Now we create a map object and add a layer to it. let map = L.map(container,{ fullscreenControl: true }).setView([29.9313, -90.0920], 11); 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 atlasattr = "ATLAS" let elev_grp = L.tileLayer.wms("https://gn.legiongis.com/geoserver/ows", { layers: 'nola:atlas_lidar', format: 'image/png', transparent: true, attribution: atlasattr, tiled: true, maxZoom:19, }); let hs_grp = L.tileLayer.wms("https://gn.legiongis.com/geoserver/ows", { layers: 'nola:atlas_lidar_hs', format: 'image/png', transparent: true, attribution: atlasattr, tiled: true, maxZoom:19, }); let relief_grp = L.tileLayer.wms("https://gn.legiongis.com/geoserver/ows", { layers: 'nola:atlas_lidar_composite', format: 'image/png', transparent: true, attribution: atlasattr, tiled: true, maxZoom:19, }); let popupaction = function(feature, layer) { if (feature.properties) { layer.bindPopup(feature.properties.PROBLEM_DETAILS) } } var workIcon = L.icon({ iconUrl: 'http://www.newdesignfile.com/postpic/2011/01/construction-man-digging-icon_329334.png', iconSize: [16, 16], iconAnchor: [8, 8], popupAnchor: [0, -8] }); let SWBworkorders = L.featureLayer({ url: 'https://services1.arcgis.com/cYAR0YQ3Tr6M4FbT/ArcGIS/rest/services/WO_ScheduledForToday/FeatureServer/0', pointToLayer: function (geojson, latlng) { return L.marker(latlng, { icon: workIcon }); }, onEachFeature: function (feature, layer) { let p = feature.properties; var content = `

STATUS

${p.STATUS}

DAILY_STATUS

${p.DAILY_STATUS}

PROBLEM_DESC

${p.PROBLEM_DESC}

PROBLEM_DETAILS

${p.PROBLEM_DETAILS}`; layer.bindPopup(content); } }); let waterAdvisory = L.featureLayer({ url: 'https://services1.arcgis.com/cYAR0YQ3Tr6M4FbT/ArcGIS/rest/services/SWB_Advisory_Area/FeatureServer/0', //pointToLayer: function (geojson, latlng) { // return L.marker(latlng, { icon: workIcon }); //}, //oneachfeature: popupaction }); 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] }); // seems to no longer work let pumpstation_fs = 'https://services1.arcgis.com/cYAR0YQ3Tr6M4FbT/ArcGIS/rest/services/SWB_PumpStations_NEW_ReadOnlyView/FeatureServer/' let pumpStations = L.featureLayer({ url: pumpstation_fs+"0", pointToLayer: function (geojson, latlng) { //console.log(geojson); let dot = redDot if (geojson.properties.NumPumps == geojson.properties.AvailablePumps) { dot = greenDot } return L.marker(latlng, { icon: dot }); } }); let baseLyrs = baseLayers(); map.addLayer(baseLyrs.Basic); baseLyrs.Basic.setZIndex(1); baseLyrs.Satellite.setZIndex(2); SWBworkorders.addTo(map); let overlayLayers = { "S&WB Today's Work Orders":SWBworkorders, // "pump stations - all pumps available?": pumpStations, // "water advisory": waterAdvisory, }; //let c_fullscreen = new L.fullscreen({position:'bottomright'}); let c_layers = new L.control.layers(baseLayers, overlayLayers, {'autozindex': false}); map.addControl(c_layers); //map.addControl(c_fullscreen); }31:[] 2e:{"id":"258cabb23ff9f8b1","slug":"new-orleans-elevation-map-s-wb","title":"New Orleans Elevation Map + S&WB","thumbnail":"32412a4fa3518948bd51297bb97070b684194b8170550860476d6b69e07704fa","access_level":"public","create_time":"$D2019-07-26T02:21:14.801Z","update_time":"$D2023-04-18T16:35:33.696Z","view_time":null,"first_public_time":"$D2019-08-19T19:56:01.361Z","has_unpublished_edits":null,"fork":true,"stars":1,"starred":false,"owner":{"type":"team","id":"0ae73f6174cae4c3","login":"mradamcox","name":"","avatar_url":"https://avatars-next.observableusercontent.com/748562e30e1ea8d52d99446db67cf5bcf90ff0dff6c65ab473a44a444958ee6a","tier":"starter_2024"},"version":235,"publish_version":null,"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,"lapsed":null,"subscribed":null,"forks":2,"collection":{"id":"e15ad62912b7a275","slug":"web-maps","title":"Web Maps","owner":{"id":"0ae73f6174cae4c3","login":"mradamcox","name":""}},"type":"notebook","body":{"titling":"auto","title":"New Orleans Elevation Map + S&WB","cells":[{"id":0,"value":"md`# New Orleans Elevation Map + S&WB\n\n**_Apr 18, 2023 -- I have decommissioned the GeoServer instance that generated the elevation tiles. Leaving a screenshot below for now, perhaps this will be remade in the future... The S&WB Today's Work Orders layer is still live, however._**`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":227,"value":"\n*~~ S&WB Edition ~~*\n\n#### NOTES\n\n+ the elevation data is from 2003-2004 (old)\n+ the river and lake levels are not consistent across all tiles, as not all collection efforts took place on the same date.`","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":2,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":74,"value":"html`\n

DATA SOURCE

\nATLAS/Louisiana Statewide Lidar Project
\nNew Orleans Sewage & Water Board ArcGIS Server\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":65,"value":"html`\n\n

ELEVATION COLOR KEY

-16
-12
-8
-4
-1
0
1
4
8
12
20+

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":229,"value":"![swb-nola-elev-map-observable-screenshot-4-18-23.png](${await FileAttachment(\"swb-nola-elev-map-observable-screenshot-4-18-23.png\").url()})","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":4,"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","output":"$undefined","database":"$undefined"},{"id":189,"value":"import {baseLayers} from '@mradamcox/resources'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W31","stdlib":"1"}} 2f:"$2e:body"