Extrude polygons for 3D indoor mapping

This source code of this example is adapted from the MapLibre GL JS example - Extrude polygons for 3D indoor mapping.

Uncomment the following line to install leafmap if needed.

In [ ]:

# %pip install "leafmap[maplibre]"

In [ ]:

import leafmap.maplibregl as leafmap

In [ ]:

data = "https://maplibre.org/maplibre-gl-js/docs/assets/indoor-3d-map.geojson"
gdf = leafmap.geojson_to_gdf(data)
gdf.explore()

In [ ]:

gdf.head()

In [ ]:

m = leafmap.Map(
    center=(-87.61694, 41.86625), zoom=17, pitch=40, bearing=20, style="positron"
)
m.add_basemap("OpenStreetMap.Mapnik")
m.add_geojson(
    data,
    layer_type="fill-extrusion",
    name="floorplan",
    paint={
        "fill-extrusion-color": ["get", "color"],
        "fill-extrusion-height": ["get", "height"],
        "fill-extrusion-base": ["get", "base_height"],
        "fill-extrusion-opacity": 0.5,
    },
)
m.add_layer_control()
m

In [ ]: