31:[] 2f:{"title":"Displaying 3D buildings","cells":[{"id":0,"value":"md`# Displaying 3D buildings\n\nThis example demonstrates displaying 3D buildings using a **fill-extrusion** layer.\n\nThe map uses the **uk_buildings** dataset as a data source and was generated from LIDAR data provided by the Environment Agency. The dataset contains polygons for each building in the UK with attributes for mean and max building height.\n\nThe **fill-extrusion** layer type displays extruded polygons with the polygon height defined by the \\`fill-extrusion-height\\` style property (in metres). In this example, \\`fill-extrusion-height\\` is set to the \\`max\\` feature property.\n\nThis example also demonstrates combining data from different Flo.w applications. The base map comes from the Demo Flo.w application but the 'uk_buildings' dataset is provided by the 'Shared Resources' Flo.w application. The \\`api-key\\` attribute of the \\`flow-map-data-source\\` component is set to override the Demo Application API key provided when the notebook is initialized.\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"// Demo App API key\napiKey = 'b6b77cc4-904a-46d1-aa0f-3bf3848ce4c7'","pinned":true,"hidden":false,"mode":"ojs"},{"id":87,"value":"map1 = html`\n\n\n\n\n \n \n \n\n \n fill-extrusion-color: #bbb;\n fill-extrusion-height: @max;\n \n\n \n

\n \n \n

\n\n\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":127,"value":"// Set initial map pitch\ncontext.maps.getMap('map1').then(map => map.mapboxMap.setPitch(60))","pinned":true,"hidden":false,"mode":"ojs"},{"id":23,"value":"md`## Appendix`","pinned":false,"hidden":false,"mode":"ojs"},{"id":26,"value":"import {\n initializeFlow,\n datasetTable,\n tileSourceTable,\n datasetSource\n} from '@emuanalytics/flow-helper-library'","pinned":false,"hidden":false,"mode":"ojs"},{"id":29,"value":"context = initializeFlow(apiKey)","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}