2f:[{"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}] 2d:{"title":"Maps - Multiple Layers","cells":[{"id":0,"value":"# Maps - Multiple Layers","pinned":false,"hidden":false,"mode":"md"},{"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"},{"id":16,"value":"","pinned":true,"hidden":false,"mode":"html"},{"id":20,"value":"map = d3.select(mapContainer)","pinned":true,"hidden":false,"mode":"ojs"},{"id":24,"value":"import {getMapData, drawMapLayer} from \"@emfielduva/dvlib_maps\"","pinned":true,"hidden":false,"mode":"ojs"},{"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"},{"id":26,"value":"world = getMapData(\"world110m\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":61,"value":"//usstates = FileAttachment(\"gz_2010_us_states_00_20m.json\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":64,"value":"//cville_neighborhoods = getMapData(\"https://opendata.arcgis.com/datasets/c371ad0b81024822bad1147ff6bb24c4_51.geojson\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":69,"value":"### Draw multiple layers\nusing the three different data sources we just brought in:","pinned":false,"hidden":false,"mode":"md"},{"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"},{"id":30,"value":"","pinned":true,"hidden":false,"mode":"md"},{"id":34,"value":"-------","pinned":false,"hidden":false,"mode":"md"}],"files":"$W2f","stdlib":"1","titling":"auto"}