Tutorial: building-height

This web application visualizes buildings in 3D on a map. It works by fetching geographic data for a specific location from an external API. This data, typically GeoJSON, is then used by a rendering pipeline to create interactive 3D layers (like the ground plan and extruded building) on a map canvas. The application also provides utility functions for geographic calculations (like area and height) and allows users to switch between different map views using keyboard shortcuts.

Source Repository: https://github.com/buildvoc/mapbox-gl_deck.gl_turf.js-ts/tree/mobile-first

flowchart TD
    A0["3D Building Rendering Pipeline
"]
    A1["Building Data API Client
"]
    A2["Geographic Utility Functions
"]
    A3["Data Types & Models
"]
    A4["User Interaction Handlers
"]
    A1 -- "Provides Data" --> A0
    A2 -- "Provides Calculations" --> A0
    A1 -- "Uses Types" --> A3
    A4 -- "Modifies State" --> A3

Chapters

1. Data Types & Models
2. Building Data API Client
3. Geographic Utility Functions
4. 3D Building Rendering Pipeline
5. User Interaction Handlers

---

Generated by AI Codebase Knowledge Builder