2d:null 2e:["$","title",null,{"children":"Mapbox Parcel / FAR Explorations | Dylan | Observable"}] 33:T10fe,viewof map = { let container = html`

`; yield container; let map = new mapboxgl.Map({ container, center: [-73.976, 40.738], zoom: 15, bearing:-8.79, pitch:60.00, style: "mapbox://styles/dhalpern/cjwgi6a9m1fpi1co2pg1wo6wy?fresh=true" }); var popup = new mapboxgl.Popup({ closeButton: true, closeOnClick: true }); map.on('click', 'parcels', function(e) { var polygon; var buffered; var polygonBoundingBox; var southWest; var northEast; var northEastPointPixel; var southWestPointPixel; var features; var collection; var intersections = []; var query_layer = $('#query_layer').children("option:selected").val(); var buffer = parseInt($('#buffer').val()); var buffer_radius = (query_layer == 'parcels') ? buffer : 0; var info = `Community District:${e.features[0].properties.CD}
Zoning District: ${e.features[0].properties.ZoneDist1}
BBL:${e.features[0].properties.BBL}
FAR:${e.features[0].properties.BuiltFAR}
ZIP:${e.features[0].properties.ZipCode}` var selector; var counter=1; var subjectBBL = e.features[0].properties.BBL; map.getCanvas().style.cursor = 'pointer'; if (query_layer == "parcels") { async.series([ function(callback){ polygon = turf.polygon(e.features[0].geometry.coordinates); buffered = turf.buffer(polygon, buffer_radius, {units:"feet"}); counter +=1 map.getSource('buffered').setData(buffered); callback(null,'one'); }, function(callback){ polygonBoundingBox = turf.bbox(buffered); callback(null,'two'); }, function(callback){ southWest = [polygonBoundingBox[0], polygonBoundingBox[1]]; northEast = [polygonBoundingBox[2], polygonBoundingBox[3]]; northEastPointPixel = map.project(northEast); southWestPointPixel = map.project(southWest); features = map.queryRenderedFeatures([southWestPointPixel, northEastPointPixel], { layers: ['parcels'] }); callback(null,'three'); }, function(callback){ for (let i=0;i { container.value = map; map.addSource('buffered', {type: 'geojson', data: {"type": "FeatureCollection","features": []}}); map.addLayer({ 'id': 'buffered', 'type': 'fill', 'source': 'buffered', 'layout': {}, 'paint': { 'fill-color': '#f08', 'fill-opacity': 0.05 } }); }); }34:[] 31:{"id":"39fae5e1867775ff","slug":"mapbox-parcel-far-explorations","title":"Mapbox Parcel / FAR Explorations","thumbnail":"ea0d6bf428652121906023010dcf3bb74cc86d4544565287841b3812ec352960","access_level":"public","create_time":"$D2019-06-03T16:04:05.371Z","update_time":"$D2019-08-06T21:46:39.853Z","view_time":null,"first_public_time":"$D2019-06-03T20:19:52.273Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"02a75d28143bf487","login":"nofurtherinformation","name":"Dylan","avatar_url":"https://avatars-next.observableusercontent.com/a494170e1e25c8f92f54468c30fecf4bcf81095a7268e37af8e633e7fd8d22ba","tier":"starter_2024"},"version":727,"publish_version":727,"role":null,"authored":false,"authors":[{"type":"individual","id":"54c23d6cacd69e20","login":"nofurtherinformation","name":"Dylan","avatar_url":"https://avatars-next.observableusercontent.com/a494170e1e25c8f92f54468c30fecf4bcf81095a7268e37af8e633e7fd8d22ba","tier":null}],"members":[{"type":"individual","id":"54c23d6cacd69e20","login":"nofurtherinformation","name":"Dylan","avatar_url":"https://avatars-next.observableusercontent.com/a494170e1e25c8f92f54468c30fecf4bcf81095a7268e37af8e633e7fd8d22ba","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Mapbox Parcel / FAR Explorations","cells":[{"id":0,"value":"md`# Mapbox Parcel / FAR Explorations`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":389,"value":"md`### Buffer in Feet`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":377,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":393,"value":"md`### Selection Layer`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":396,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":366,"value":"function onlyUnique(value, index, self) { \n return self.indexOf(value) === index;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":511,"value":"function buildCondListLine(arr, column){\n var filter = ['match',['get', column]]\n \n for(var i = 0; i < arr.length; i += 1) {\n filter.push(arr[i]);\n filter.push('2px')\n }\n filter.push('0px')\n return filter\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":337,"value":"function buildCondList(arr, column){\n var filter = ['match',['get', column]]\n \n for(var i = 0; i < arr.length; i += 1) {\n filter.push(arr[i]);\n filter.push('#f8eeb0')\n }\n filter.push('white')\n return filter\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":264,"value":"function buildFilter(arr) {\n var filter = ['in', 'BBL'];\n\n if (arr.length === 0) {\n return filter;\n }\n \n for(var i = 0; i < arr.length; i += 1) {\n filter.push(arr[i]);\n }\n \n return filter;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"mapboxgl = {\n const gl = await require(\"mapbox-gl@1\");\n if (!gl.accessToken) {\n gl.accessToken =\n \"pk.eyJ1IjoiZGhhbHBlcm4iLCJhIjoiY2p3MHFvZHg2MDcyczQ4bXBjNW85aDh2OCJ9.OUluk6vAGe5BVXLOiGIoQQ\";\n const href = await require.resolve(\"mapbox-gl@1.0.0/dist/mapbox-gl.css\");\n document.head.appendChild(html``);\n }\n return gl;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":151,"value":"turf = require('https://cdn.jsdelivr.net/npm/@turf/turf@5/turf.min.js')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":282,"value":"async = require('async')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":704,"value":"$$ = require('jquery')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 32:"$31:body"