34:["$","title",null,{"children":"Comparing (and fast-forwarding) SharedStreets References | Kevin Webb | Observable"}] 3c:Tbb9,streetMap = { var map = new mapboxgl.Map({ container: streetMapContainer, center: mapCenter, zoom: 15, style: 'mapbox://styles/mapbox/light-v9' }); map.on('click', 'matchedStreets', (e) => { var feature = {type:"Feature", geometry:JSON.parse(e.features[0].properties.original_geometry)}; console.log(feature); map.getSource("streetCenterlines").setData(feature); }); var init = false; var scaledWidth = (width) => {return { "type": "exponential", "base": 2, "stops": [ [10, width * Math.pow(2, (10 - 16))], [16, width * Math.pow(2, (16 - 16))] ] }}; var initMap = () => { if(!init) { map.addSource("shstData",{ "type": "geojson", "data": {type:"FeatureCollection", features:[]}}); // map.addLayer({ // "id": "shstData", // "type": "line", // "source": "shstData", // "paint": { // "line-color": [ // 'match', // ['get', 'roadClass'], // 'Motorway', '#fbb03b', // 'Trunk', '#e55e5e', // 'Primary', '#e55e5e', // 'Secondary', '#3bb2d0', // 'Tertiary', '#3bb2d0', // 'Residential', '#3bf2d0', // 'Unclassified', '#3bb2f0', // 'Service', '#fbb2d0', // /* other */ '#ccc' // ], // "line-width": scaledWidth(4), // "line-dasharray": [1.0, 0.5] // } // }); map.addLayer({ "id": "shstDataCompare", "type": "line", "source": "shstData", "paint": { "line-color": [ 'match', ['get', 'matchType'], 'unchanged', '#ccc', 'matched_ref_changed', 'green', 'matched_geom_changed', 'orange', 'matched_candidates', 'blue', 'unmatched', 'red', /* other */ 'teal' ], "line-width": scaledWidth(4), "line-dasharray": [1.0, 0.5] } }); // Create a popup, but don't add it to the map yet. var popup = new mapboxgl.Popup({ closeButton: false, closeOnClick: false }); init = true; } }; return Generators.observe(change => { var initialValue = {map: map, isInit:init, bounds:undefined}; change(initialValue); map.on('load', (evt) => { initMap(); var updateValue = {map: map, isInit:init, bounds:undefined}; change(updateValue); }); map.on('boxzoomend', e => { var updateValue = {map: map, isInit:init, bounds:e.boxZoomBounds}; change(updateValue); }); }); }3d:[] 38:{"id":"91085d7cc25b7721","slug":"comparing-and-fast-forwarding-sharedstreets-references","title":"Comparing (and fast-forwarding) SharedStreets References","thumbnail":"d6824504215c1b5b3c5c50bf70aa01803b99332fb5b3929529e427f2760557bb","access_level":"public","create_time":"$D2019-01-28T20:31:50.507Z","update_time":"$D2020-04-30T17:15:11.321Z","view_time":null,"first_public_time":"$D2019-01-30T23:02:37.054Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"a64354931bab0b08","login":"kpwebb","name":"Kevin Webb","avatar_url":"https://avatars-next.observableusercontent.com/c66a6f9dd4ec19f0d2193a376e4f6a934f755ccaf76493919dc315d9f1b1119b","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":234,"publish_version":234,"role":null,"authored":false,"authors":[{"type":"individual","id":"11bd00d66734027d","login":"kpwebb","name":"Kevin Webb","avatar_url":"https://avatars-next.observableusercontent.com/c66a6f9dd4ec19f0d2193a376e4f6a934f755ccaf76493919dc315d9f1b1119b","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"11bd00d66734027d","login":"kpwebb","name":"Kevin Webb","avatar_url":"https://avatars-next.observableusercontent.com/c66a6f9dd4ec19f0d2193a376e4f6a934f755ccaf76493919dc315d9f1b1119b","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Comparing (and fast-forwarding) SharedStreets References","cells":[{"id":0,"value":"md`# Comparing (and fast-forwarding) SharedStreets References\n\nShift key + drag to select area for query.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"streetMapContainer = html`

` ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":225,"value":"html`Line segments are colored based on match type: unchanged, fast-forwarded reference change (e.g. 1-way -> 2-way), fast-forwarded geom change where one or more references matched (e.g. minor edit to geom), fuzzy-match where geom and references changed (e.g. a road is split by a new intersection), unmatched (substantial geom change or topology change).\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":135,"value":"viewof dataSource1 = select({title:\"Original dataSource\", options: osmDataSources()})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":162,"value":"viewof tileHierarchy1 = select({title:\"Original tileHierarchy\", options: dataSourceHierarchy(dataSource1)})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":196,"value":"viewof dataSource2 = select({title:\"Compare with dataSource:\", options: osmDataSources()})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":205,"value":"viewof tileHierarchy2 = select({title:\"Compare with tileHierarchy\", options: dataSourceHierarchy(dataSource2)})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":137,"value":"dataSources = d3.json('https://gist.githubusercontent.com/kpwebb/a1944b6d53283f7a738a437317620589/raw/13b92a0f05ecfcf817518f0e36005ef5b2ac297b/data.json')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":139,"value":"osmDataSources = () => Object.keys(dataSources['osm'])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":149,"value":"dataSourceHierarchy = function(source){return dataSources['osm'][source]}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"$3c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"shstData = { \n results = {type:\"FeatureCollection\", features:[]}; \n if(streetMap.isInit && streetMap.bounds) { \n \n var bbox = streetMap.bounds._sw.lng + ',' + streetMap.bounds._sw.lat + ',' + streetMap.bounds._ne.lng + ',' + streetMap.bounds._ne.lat; \n var results = await d3.json(server + \"v0.1.0/geom/compare?includeMetadata=true&dataSource1=osm/\" + dataSource1 + \"&tileHierarchy1=\" + tileHierarchy1 + \"&dataSource2=osm/\" + dataSource2 + \"&tileHierarchy2=\" + tileHierarchy2 + \"&\" + authKey + \"&bounds=\" + bbox, {\n method:\"GET\"\n }); \n \n streetMap.map.getSource(\"shstData\").setData(results); \n }\n return results;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"server = 'https://api.sharedstreets.io/'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"authKey = \"authKey=bdd23fa1-7ac5-4158-b354-22ec946bb575\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"mapCenter = { \n return [-122.4194, 37.7749];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"mapboxgl = {\n let mapboxgl = await require('mapbox-gl@0.48.0');\n mapboxgl.accessToken = 'pk.eyJ1IjoidHJhbnNwb3J0cGFydG5lcnNoaXAiLCJhIjoiY2ppNnhwank3MDVobjNrazJhaWY2YzF2aiJ9.iWYaTrAHvt_IayxLeZjv6w';\n return mapboxgl;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"mapboxCss = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":131,"value":"import {select} from \"@jashkenas/inputs\"\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3d","stdlib":"1"}} 33:null