Why are there trees inside my building?

If you see trees or other base map features inside your building using MapBox as your base map provider, this is because Mapbox data is displayed at higher zoom levels. To resolve this:

1. Web JS SDK: Adjust the miTransitionLevel: This controls when MapsIndoors data takes precedence over the base map.

javascript

const mapViewOptions = {
  accessToken: 'YOUR_MAPBOX_ACCESS_TOKEN',
  element: document.getElementById('map'),
  center: { lat: 38.8974905, lng: -77.0362723 },
  zoom: 17,
  miTransitionLevel: 16 // Lower this value 
}

1. Map Template: Use URL parameters and adjust miTransitionLevel=16 (lower this value if needed)

2. Swift (iOS):

let mapConfig = MPMapConfig(mapBoxView: mapView, accessToken: "mapBoxApiKey")
mapConfig.setMapsIndoorsTransitionLevel(zoom: 16)
let mapControl = MPMapsIndoors.createMapControl(mapConfig: mapConfig)