Skip to content

Extrude polygons for 3D indoor mapping

Create a 3D indoor map with the fill-extrude-height paint property.

---
title: Extrude polygons for 3D indoor mapping
description: Create a 3D indoor map with the fill-extrude-height paint property.
type: geojson
options:
  center: [ -87.61694, 41.86625 ]
  zoom: 15.99
  pitch: 40
  bearing: 20
style:
  layers:
    - type: fill-extrusion
      # See the MapLibre Style Specification for details on data expressions.
      # https://maplibre.org/maplibre-style-spec/expressions/

      # Get the fill-extrusion-color from the source 'color' property.
      fill-extrusion-color: [get, color]

      # Get fill-extrusion-height from the source 'height' property.
      fill-extrusion-height: [get, height]

      # Get fill-extrusion-base from the source 'base_height' property.
      fill-extrusion-base: [get, base_height]

      # Make extrusions slightly opaque for see through indoor walls.
      fill-extrusion-opacity: 0.5
---
https://maplibre.org/maplibre-gl-js/docs/assets/indoor-3d-map.geojson


View Map on Overpass Ultra
Edit Query on Overpass Ultra
View MapLibre Example