fix(mapbox): automatically inject 'mapbox' view in overlaid mode for multi-view consistency

When custom views are provided without a view with id 'mapbox', MapboxOverlay
now automatically injects the default 'mapbox' view in overlaid mode, matching
the behavior in interleaved mode (where getViewport() already does this fallback).

This ensures consistent behavior between interleaved and overlaid modes, and
allows users to only specify additional views (like minimap, ortho) without
having to manually include the base map view.

The bug was discovered while implementing multi-view examples in #9946. When
interleaved was false (overlaid mode), the multi-view example did not render
airports/arcs layers because there was no 'mapbox' view for them to render in.
In interleaved mode, the same example worked because getViewport() in deck-utils
falls back to creating a 'mapbox' view when not found in custom views.

Co-Authored-By: Claude Sonnet 4.5 <[email protected]>

Author: chrisgervang

modules/mapbox/src/mapbox-overlay.ts

@@ -117,7 +117,7 @@ export default class MapboxOverlay implements IControl {
       ...this._props,
       parent: container,
       parameters: {...getDefaultParameters(map, false), ...this._props.parameters},
-      views: this._props.views || getDefaultView(map),
+      views: this._getViews(map),
       viewState: getViewState(map)
     });
 
@@ -270,12 +270,26 @@ export default class MapboxOverlay implements IControl {
     }
   };
 
+  private _getViews(map: Map) {
+    if (!this._props.views) {
+      return getDefaultView(map);
+    }
+    // Check if custom views include a view with id 'mapbox'
+    const views = Array.isArray(this._props.views) ? this._props.views : [this._props.views];
+    const hasMapboxView = views.some((v: any) => v.id === 'mapbox');
+    if (hasMapboxView) {
+      return this._props.views;
+    }
+    // Add default 'mapbox' view to custom views for consistency with interleaved mode
+    return [getDefaultView(map), ...views];
+  }
+
   private _updateViewState = () => {
     const deck = this._deck;
     const map = this._map;
     if (deck && map) {
       deck.setProps({
-        views: this._props.views || getDefaultView(map),
+        views: this._getViews(map),
         viewState: getViewState(map)
       });
       // Redraw immediately if view state has changed