Fill Extrusion Style Layer

late final MapController _controller;

@override
Widget build(BuildContext context) {
  return MapLibreMap(
      options: MapOptions(initCamera: .position(center: Geographic(lon: 9.17, lat: 47.68), zoom: 7)),
      onMapCreated: (controller) => _controller = controller,
      onStyleLoaded: (style) async {
        // add the tile source
        await style.sources.add(
          const GeoJsonSource.url(
            id: _sourceId,
            url:
            'https://maplibre.org/maplibre-gl-js/docs/assets/indoor-3d-map.geojson',
          ),
        );
        final layer = FillExtrusionStyleLayer(
          id: 'room-extrusion',
          sourceId: _sourceId,
          // See the MapLibre Style Specification for details on data expressions.
            // https://maplibre.org/maplibre-style-spec/expressions/
            color: .get('color').convertToColor(),
            height: .get('height').asNumber(),
            base: .get('base_height').asNumber(),
            opacity: const .literal(0.5),
        );
        // add the layer
        await style.layers.add(layer);
      }
  );
}