3D Mapping with MapLibre

Contents

22. 3D Mapping with MapLibre#

22.1. Introduction#

22.2. Learning Objectives#

22.3. Useful Resources#

22.4. Installation and Setup#

22.5. Creating Interactive Maps#

22.5.1. Basic Map Setup#

22.5.2. Customizing the Map’s Center and Zoom Level#

22.5.3. Choosing a Basemap Style#

22.5.4. Adding Background Colors#

22.6. Adding Map Controls#

22.6.1. Available Controls#

22.6.2. Adding Geolocate Control#

22.6.3. Adding Fullscreen Control#

22.6.4. Adding Navigation Control#

22.6.5. Adding Draw Control#

22.7. Adding Layers#

22.7.1. Adding Basemaps#

22.7.2. Adding XYZ Tile Layer#

22.7.3. Adding WMS Layer#

22.8. Using MapTiler#

22.9. 3D Mapping#

22.9.1. 3D Terrain#

22.9.2. 3D Buildings#

22.9.3. 3D Indoor Mapping#

22.9.4. 3D Choropleth Map#

22.10. Visualizing Vector Data#

22.10.1. Point Data#

22.10.1.1. Customizing Marker Icon Image#

22.10.2. Line Data#

22.10.3. Polygon Data#

22.10.4. Multiple Geometries#

22.10.5. Marker Cluster#

22.10.6. Local Vector Data#

22.10.7. Changing Building Color#

22.10.8. Adding a New Layer Below Labels#

22.10.9. Visualizing Population Density#

22.11. Visualizing Raster Data#

22.11.1. Local Raster Data#

22.11.2. Cloud Optimized GeoTIFF (COG)#

22.11.3. STAC Layer#

22.12. Adding Custom Components#

22.12.1. Adding Image#

22.12.2. Adding Text#

22.12.3. Adding GIF#

22.12.4. Adding HTML#

22.12.5. Adding Color bar#

22.12.6. Adding Legend#

22.12.7. Adding Video#

22.13. Visualizing PMTiles#

22.13.1. Building Footprint Data#

22.13.2. Fields of The World#

22.13.3. 3D PMTiles#

22.13.4. 3D Buildings#

22.13.5. 2D Buildings, Transportation, and Other Themes#

22.14. Adding DeckGL Layers#

22.14.1. Single DeckGL Layer#

22.14.2. Multiple DeckGL Layers#

22.15. Exporting to HTML#

22.16. Key Takeaways#

22.17. Exercises#

22.17.1. Exercise 1: Setting up MapLibre and Basic Map Creation#

22.17.2. Exercise 2: Customizing the Map View#

22.17.3. Exercise 3: Adding Map Controls#

22.17.4. Exercise 4: Overlaying Data Layers#

22.17.5. Exercise 5: Working with 3D Buildings#

22.17.6. Exercise 6: Adding Map Elements#