27:null 28:["$","title",null,{"children":"Maps - Multiple Layers | Jianing Cai | Observable"}] 2d:[{"id":"5bffca711a2b45090494c77bab30bfa36859ecb5a0619c7d93e1da8f8089be61df96021c578b53cfbd2c3f6611e2567183fec5ed9a66876b50bb47123b2c56b9","href":"https://static.observableusercontent.com/files/5bffca711a2b45090494c77bab30bfa36859ecb5a0619c7d93e1da8f8089be61df96021c578b53cfbd2c3f6611e2567183fec5ed9a66876b50bb47123b2c56b9","name":"gz_2010_us_states_00_20m.json","type":"application/json","lastModified":1683318744642.359,"size":1426336}] 2b:{"id":"c6d99991dab40120","slug":null,"title":"Maps - Multiple Layers","thumbnail":"8475f72455d133402c40a888948646edd649b39cbeb08b213b0fe1e7a8a298f5","access_level":"public","create_time":"$D2023-05-05T20:32:24.642Z","update_time":"$D2023-05-05T20:44:58.728Z","view_time":null,"first_public_time":"$D2023-05-05T20:32:24.642Z","has_unpublished_edits":null,"fork":{"id":"e2cb5f25009e13ee","slug":"maps_layers","title":"Maps - Multiple Layers","owner":{"id":"58dc22f5e2929ad2","login":"emfielduva","name":"Eric Field"}},"stars":0,"starred":false,"owner":{"type":"team","id":"97aed1531a21f1ae","login":"jc2ry","name":"Jianing Cai","avatar_url":"https://avatars-next.observableusercontent.com/d28e4e0454f8d773fabbc7e9a8038fcd30f52e4fbe9f9060d4e7222f36f16bf8","tier":"starter_2024"},"version":96,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"83f37badc5a5d87f","login":"jc2ry","name":"Jianing Cai","avatar_url":"https://avatars-next.observableusercontent.com/d28e4e0454f8d773fabbc7e9a8038fcd30f52e4fbe9f9060d4e7222f36f16bf8","tier":null}],"members":[{"type":"individual","id":"83f37badc5a5d87f","login":"jc2ry","name":"Jianing Cai","avatar_url":"https://avatars-next.observableusercontent.com/d28e4e0454f8d773fabbc7e9a8038fcd30f52e4fbe9f9060d4e7222f36f16bf8","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"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":"$W2d","stdlib":"1","titling":"auto"}} 2c:"$2b:body"