28:null 29:["$","title",null,{"children":"Maps - Multiple Layers | Eric Field | Observable"}] 2e:[{"id":"5bffca711a2b45090494c77bab30bfa36859ecb5a0619c7d93e1da8f8089be61df96021c578b53cfbd2c3f6611e2567183fec5ed9a66876b50bb47123b2c56b9","href":"https://static.observableusercontent.com/files/5bffca711a2b45090494c77bab30bfa36859ecb5a0619c7d93e1da8f8089be61df96021c578b53cfbd2c3f6611e2567183fec5ed9a66876b50bb47123b2c56b9","name":"gz_2010_us_states_00_20m.json","type":"application/json","lastModified":1649023268517.729,"size":1426336}] 2c:{"id":"e2cb5f25009e13ee","slug":"maps_layers","title":"Maps - Multiple Layers","thumbnail":"a33175c48417008f32b3837375de757879130949d7d5193edcf0fa8d961c0e06","access_level":"public","create_time":"$D2022-04-03T21:56:34.636Z","update_time":"$D2022-04-03T22:21:12.645Z","view_time":null,"first_public_time":"$D2022-04-03T22:40:35.679Z","has_unpublished_edits":null,"fork":{"id":"a232493526bbb35e","slug":"maps-geographic","title":"Maps (Geographic)","owner":{"id":"58dc22f5e2929ad2","login":"emfielduva","name":"Eric Field"}},"stars":0,"starred":false,"owner":{"type":"team","id":"58dc22f5e2929ad2","login":"emfielduva","name":"Eric Field","avatar_url":"https://avatars-next.observableusercontent.com/88cdaa8f20f4c520d4d918eadeb46799e252770787ad10228ef9166f891192fd","tier":"starter_2024"},"version":87,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"4971b358617edbb7","login":"emfielduva","name":"Eric Field","avatar_url":"https://avatars-next.observableusercontent.com/88cdaa8f20f4c520d4d918eadeb46799e252770787ad10228ef9166f891192fd","tier":null}],"members":[{"type":"individual","id":"4971b358617edbb7","login":"emfielduva","name":"Eric Field","avatar_url":"https://avatars-next.observableusercontent.com/88cdaa8f20f4c520d4d918eadeb46799e252770787ad10228ef9166f891192fd","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":6,"collection":{"id":"16d732e1a426b881","slug":"maps","title":"Maps","owner":{"id":"58dc22f5e2929ad2","login":"emfielduva","name":"Eric Field"}},"type":"notebook","body":{"title":"Maps - Multiple Layers","cells":[{"id":0,"value":"# Maps - Multiple Layers","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"When you need to pull multiple GEOJSON layers together from different sources, and then control it a little. Again, using the dvlib_maps library to import cells.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":16,"value":"","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"mapContainer","database":"$undefined"},{"id":20,"value":"map = d3.select(mapContainer)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"import {getMapData, drawMapLayer} from \"@emfielduva/dvlib_maps\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"### different map feature data sources:\n1 - the built-in world110m (which is imported from a cell in another notebook which has the geojson file). \n2 - a geojson file imported directly here. \n3 - a web url pulling GIS data in geojson format from the City of Charlottesville's public data.\nand you could do more, and other different sources...","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":26,"value":"world = getMapData(\"world110m\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":61,"value":"usstates = FileAttachment(\"gz_2010_us_states_00_20m.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":64,"value":"cville_neighborhoods = getMapData(\"https://opendata.arcgis.com/datasets/c371ad0b81024822bad1147ff6bb24c4_51.geojson\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":69,"value":"### Draw multiple layers\nusing the three different data sources we just brought in:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":28,"value":"mapLayers = {\n let mapLayers = [];\n \n mapLayers[\"countries\"] = drawMapLayer(map,\"countries\",world.features,world.idField);\n mapLayers[\"usstates\"] = drawMapLayer(map,\"usstates\",usstates.features,\"properties.NAME\");\n mapLayers[\"cville_neighborhoods\"] = drawMapLayer(map,\"cville_neighborhoods\",cville_neighborhoods.features,\"properties.NAME\");\n\n return mapLayers;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":34,"value":"-------","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"}],"files":"$W2e","stdlib":"1","titling":"auto"}} 2d:"$2c:body"