rnmapbox · mfazekas · Sep 21, 2025 · Sep 21, 2025
diff --git a/docs/examples/Annotations/CustomCallout.png b/docs/examples/Annotations/CustomCallout.png
diff --git a/docs/examples/Annotations/Heatmap.png b/docs/examples/Annotations/Heatmap.png
diff --git a/docs/examples/Annotations/MarkerView.md b/docs/examples/Annotations/MarkerView.md
@@ -34,7 +34,7 @@ const styles = StyleSheet.create({
 });
 
 const AnnotationContent = ({ title }: { title: string }) => (
-  <View style={styles.touchableContainer}>
+  <View style={styles.touchableContainer} collapsable={false}>
     <Text>{title}</Text>
     <TouchableOpacity style={styles.touchable}>
       <Text style={styles.touchableText}>Btn</Text>

diff --git a/docs/examples/Annotations/MarkerView.png b/docs/examples/Annotations/MarkerView.png
diff --git a/docs/examples/Annotations/PointAnnotationAnchors.md b/docs/examples/Annotations/PointAnnotationAnchors.md
@@ -93,7 +93,7 @@ const PointAnnotationAnchors = (props) => {
           coordinate={p.coordinate}
           anchor={p.anchor}
         >
-          <View style={styles.small}>
+          <View style={styles.small} collapsable={false}>
             <Text style={[styles.text, { color: 'white' }]}>
               x={p.anchor.x.toPrecision(2)}, y={p.anchor.y.toPrecision(2)}
             </Text>
@@ -115,7 +115,7 @@ const PointAnnotationAnchors = (props) => {
             coordinate={p.coordinate}
             anchor={p.anchor}
           >
-            <View style={[styles.large, p.containerStyle]}>
+            <View style={[styles.large, p.containerStyle]} collapsable={false}>
               <View
                 style={{
                   height: ANNOTATION_SIZE * 2,

diff --git a/docs/examples/Annotations/PointAnnotationAnchors.png b/docs/examples/Annotations/PointAnnotationAnchors.png
diff --git a/docs/examples/Annotations/ShowPointAnnotation.png b/docs/examples/Annotations/ShowPointAnnotation.png
diff --git a/docs/examples/CacheOffline/CacheManagement.md b/docs/examples/CacheOffline/CacheManagement.md
@@ -160,5 +160,5 @@ export default CacheManagement;
 
 ```
 
-}
+![CacheManagement.png](./CacheManagement.png)}
 
diff --git a/docs/examples/CacheOffline/CacheManagement.png b/docs/examples/CacheOffline/CacheManagement.png
diff --git a/docs/examples/CacheOffline/CreateOfflineRegion.md b/docs/examples/CacheOffline/CreateOfflineRegion.md
@@ -227,5 +227,5 @@ export default CreateOfflineRegion;
 
 ```
 
-}
+![CreateOfflineRegion.png](./CreateOfflineRegion.png)}
 
diff --git a/docs/examples/CacheOffline/CreateOfflineRegion.png b/docs/examples/CacheOffline/CreateOfflineRegion.png
diff --git a/docs/examples/CacheOffline/OfflineExample.md b/docs/examples/CacheOffline/OfflineExample.md
@@ -146,5 +146,5 @@ export default OfflineExample;
 
 ```
 
-}
+![OfflineExample.png](./OfflineExample.png)}
 
diff --git a/docs/examples/CacheOffline/OfflineExample.png b/docs/examples/CacheOffline/OfflineExample.png
diff --git a/docs/examples/CacheOffline/OfflineTilesets.md b/docs/examples/CacheOffline/OfflineTilesets.md
@@ -200,5 +200,5 @@ export default function OfflineTilesets() {
 
 ```
 
-}
+![OfflineTilesets.png](./OfflineTilesets.png)}
 
diff --git a/docs/examples/CacheOffline/OfflineTilesets.png b/docs/examples/CacheOffline/OfflineTilesets.png
diff --git a/docs/examples/Camera/Fit.md b/docs/examples/Camera/Fit.md
@@ -309,5 +309,5 @@ export default Fit;
 
 ```
 
-}
+![Fit.png](./Fit.png)}
 
diff --git a/docs/examples/Camera/Fit.png b/docs/examples/Camera/Fit.png
diff --git a/docs/examples/Camera/FlyTo.md b/docs/examples/Camera/FlyTo.md
@@ -120,5 +120,5 @@ export default FlyTo;
 
 ```
 
-}
+![FlyTo.png](./FlyTo.png)}
 
diff --git a/docs/examples/Camera/FlyTo.png b/docs/examples/Camera/FlyTo.png
diff --git a/docs/examples/Camera/GetCenter.md b/docs/examples/Camera/GetCenter.md
@@ -58,8 +58,10 @@ class GetCenter extends React.Component {
           style={styles.mapView}
         >
           <Mapbox.Camera
-            zoomLevel={9}
-            centerCoordinate={[-73.970895, 40.723279]}
+            defaultSettings={{
+              centerCoordinate: [-73.970895, 40.723279],
+              zoomLevel: 9,
+            }}
           />
         </Mapbox.MapView>
 
@@ -77,5 +79,5 @@ export default GetCenter;
 
 ```
 
-}
+![GetCenter.png](./GetCenter.png)}
 
diff --git a/docs/examples/Camera/GetCenter.png b/docs/examples/Camera/GetCenter.png
diff --git a/docs/examples/Camera/GetZoom.md b/docs/examples/Camera/GetZoom.md
@@ -63,5 +63,5 @@ export default GetZoom;
 
 ```
 
-}
+![GetZoom.png](./GetZoom.png)}
 
diff --git a/docs/examples/Camera/GetZoom.png b/docs/examples/Camera/GetZoom.png
diff --git a/docs/examples/FillRasterLayer/ChoroplethLayerByZoomLevel.png b/docs/examples/FillRasterLayer/ChoroplethLayerByZoomLevel.png
diff --git a/docs/examples/FillRasterLayer/CustomVectorSource.png b/docs/examples/FillRasterLayer/CustomVectorSource.png
diff --git a/docs/examples/FillRasterLayer/GeoJSONSource.png b/docs/examples/FillRasterLayer/GeoJSONSource.png
diff --git a/docs/examples/FillRasterLayer/ImageOverlay.md b/docs/examples/FillRasterLayer/ImageOverlay.md
@@ -121,5 +121,5 @@ export default ImageOverlay;
 
 ```
 
-![ImageOverlay.png](./ImageOverlay.png)}
+}
 
diff --git a/docs/examples/FillRasterLayer/IndoorBuilding.md b/docs/examples/FillRasterLayer/IndoorBuilding.md
@@ -60,10 +60,12 @@ class IndoorBuilding extends React.Component {
           style={sheet.matchParent}
         >
           <Mapbox.Camera
-            zoomLevel={16}
-            pitch={40}
-            heading={20}
-            centerCoordinate={[-87.61694, 41.86625]}
+            defaultSettings={{
+              centerCoordinate: [-87.61694, 41.86625],
+              zoomLevel: 16,
+              pitch: 40,
+              heading: 20,
+            }}
           />
 
           <Mapbox.Light style={{ position: [5, 90, this.state.sliderValue] }} />

diff --git a/docs/examples/FillRasterLayer/IndoorBuilding.png b/docs/examples/FillRasterLayer/IndoorBuilding.png
diff --git a/docs/examples/FillRasterLayer/QueryAtPoint.png b/docs/examples/FillRasterLayer/QueryAtPoint.png
diff --git a/docs/examples/FillRasterLayer/QuerySourceFeatures.png b/docs/examples/FillRasterLayer/QuerySourceFeatures.png
diff --git a/docs/examples/FillRasterLayer/QueryWithRect.png b/docs/examples/FillRasterLayer/QueryWithRect.png
diff --git a/docs/examples/FillRasterLayer/RasterSource.png b/docs/examples/FillRasterLayer/RasterSource.png
diff --git a/docs/examples/FillRasterLayer/WatercolorRasterTiles.md b/docs/examples/FillRasterLayer/WatercolorRasterTiles.md
@@ -13,7 +13,6 @@ import { View, StyleSheet } from 'react-native';
 import Mapbox from '@rnmapbox/maps';
 import { Slider } from '@rneui/base';
 
-import sheet from '../../styles/sheet';
 import colors from '../../styles/colors';
 import { SF_OFFICE_COORDINATE } from '../../utils';
 
@@ -46,14 +45,14 @@ class WatercolorRasterTiles extends React.Component {
     const rasterSourceProps = {
       id: 'stamenWatercolorSource',
       tileUrlTemplates: [
-        'https://tiles-eu.stadiamaps.com/tiles/stamen_watercolor/{z}/{x}/{y}.jpg',
+        'https://tiles.stadiamaps.com/tiles/stamen_watercolor/{z}/{x}/{y}.jpg?api_key=36ff39ee-a31d-4153-8aee-71f361373a5c',
       ],
       tileSize: 256,
     };
 
     return (
       <>
-        <Mapbox.MapView style={sheet.matchParent}>
+        <Mapbox.MapView style={{ flex: 1 }}>
           <Mapbox.Camera
             defaultSettings={{
               zoomLevel: 16,

diff --git a/docs/examples/FillRasterLayer/WatercolorRasterTiles.png b/docs/examples/FillRasterLayer/WatercolorRasterTiles.png
diff --git a/docs/examples/LineLayer/DrawPolyline.md b/docs/examples/LineLayer/DrawPolyline.md
@@ -206,5 +206,5 @@ export default DrawPolyline;
 
 ```
 
-}
+![DrawPolyline.png](./DrawPolyline.png)}
 
diff --git a/docs/examples/LineLayer/DrawPolyline.png b/docs/examples/LineLayer/DrawPolyline.png
diff --git a/docs/examples/LineLayer/GradientLine.md b/docs/examples/LineLayer/GradientLine.md
@@ -91,5 +91,5 @@ export default GradientLine;
 
 ```
 
-}
+![GradientLine.png](./GradientLine.png)}
 
diff --git a/docs/examples/LineLayer/GradientLine.png b/docs/examples/LineLayer/GradientLine.png
diff --git a/docs/examples/LineLayer/ThirdPartyVectorSource.md b/docs/examples/LineLayer/ThirdPartyVectorSource.md
@@ -57,5 +57,5 @@ export default ThirdPartyVectorSource;
 
 ```
 
-}
+![ThirdPartyVectorSource.png](./ThirdPartyVectorSource.png)}
 
diff --git a/docs/examples/LineLayer/ThirdPartyVectorSource.png b/docs/examples/LineLayer/ThirdPartyVectorSource.png
diff --git a/docs/examples/Map/ChangeLayerColor.png b/docs/examples/Map/ChangeLayerColor.png
diff --git a/docs/examples/Map/DynamicUrl.png b/docs/examples/Map/DynamicUrl.png
diff --git a/docs/examples/Map/LocalizeLabels.png b/docs/examples/Map/LocalizeLabels.png
diff --git a/docs/examples/Map/MapAndRNNavigation.png b/docs/examples/Map/MapAndRNNavigation.png
diff --git a/docs/examples/Map/MapFps.md b/docs/examples/Map/MapFps.md
@@ -51,5 +51,5 @@ export default MapFps;
 
 ```
 
-}
+![MapFps.png](./MapFps.png)}
 
diff --git a/docs/examples/Map/MapFps.png b/docs/examples/Map/MapFps.png
diff --git a/docs/examples/Map/MapUnMount.md b/docs/examples/Map/MapUnMount.md
@@ -54,5 +54,5 @@ export default MapUnMount;
 
 ```
 
-}
+![MapUnMount.png](./MapUnMount.png)}
 
diff --git a/docs/examples/Map/MapUnMount.png b/docs/examples/Map/MapUnMount.png
diff --git a/docs/examples/Map/Ornaments.png b/docs/examples/Map/Ornaments.png
diff --git a/docs/examples/Map/PointInMapView.png b/docs/examples/Map/PointInMapView.png
diff --git a/docs/examples/Map/ShowAndHideLayer.png b/docs/examples/Map/ShowAndHideLayer.png
diff --git a/docs/examples/Map/ShowClick.png b/docs/examples/Map/ShowClick.png
diff --git a/docs/examples/Map/ShowMap.png b/docs/examples/Map/ShowMap.png
diff --git a/docs/examples/Map/ShowMapLocalStyle.png b/docs/examples/Map/ShowMapLocalStyle.png
diff --git a/docs/examples/Map/ShowRegionDidChange.png b/docs/examples/Map/ShowRegionDidChange.png
diff --git a/docs/examples/Map/SourceLayerVisibility.png b/docs/examples/Map/SourceLayerVisibility.png
diff --git a/docs/examples/Map/StyleJson.png b/docs/examples/Map/StyleJson.png
diff --git a/docs/examples/Map/TwoByTwo.png b/docs/examples/Map/TwoByTwo.png
diff --git a/docs/examples/SymbolCircleLayer/CustomIcon.png b/docs/examples/SymbolCircleLayer/CustomIcon.png
diff --git a/docs/examples/SymbolCircleLayer/CustomIconNativeAsset.png b/docs/examples/SymbolCircleLayer/CustomIconNativeAsset.png
diff --git a/docs/examples/SymbolCircleLayer/DataDrivenCircleColors.png b/docs/examples/SymbolCircleLayer/DataDrivenCircleColors.png
diff --git a/docs/examples/SymbolCircleLayer/Earthquakes.png b/docs/examples/SymbolCircleLayer/Earthquakes.png
diff --git a/docs/examples/SymbolCircleLayer/ScalableImages.png b/docs/examples/SymbolCircleLayer/ScalableImages.png
diff --git a/docs/examples/SymbolCircleLayer/ShapeSourceIcon.md b/docs/examples/SymbolCircleLayer/ShapeSourceIcon.md
@@ -123,6 +123,7 @@ class ShapeSourceIcon extends React.Component {
   };
 
   render() {
+    console.log('render#ShapeSourceIcon');
     const { images } = this.state;
 
     return (
@@ -137,6 +138,7 @@ class ShapeSourceIcon extends React.Component {
           nativeAssetImages={['pin']}
           images={images}
           onImageMissing={(imageKey) => {
+            console.log('=> on image missing', imageKey);
             if (imageKey !== 'pin-rn') {
               this.setState({
                 images: { ...this.state.images, [imageKey]: pinIcon },

diff --git a/docs/examples/SymbolCircleLayer/ShapeSourceIcon.png b/docs/examples/SymbolCircleLayer/ShapeSourceIcon.png
diff --git a/docs/examples/UserLocation/CustomNativeUserLocation.png b/docs/examples/UserLocation/CustomNativeUserLocation.png
diff --git a/docs/examples/UserLocation/SetDisplacement.png b/docs/examples/UserLocation/SetDisplacement.png
diff --git a/docs/examples/UserLocation/SetTintColor.md b/docs/examples/UserLocation/SetTintColor.md
@@ -53,5 +53,5 @@ export default SetTintColor;
 
 ```
 
-![SetTintColor.png](./SetTintColor.png)}
+}
 
diff --git a/docs/examples/UserLocation/UserLocationPadding.png b/docs/examples/UserLocation/UserLocationPadding.png
diff --git a/docs/examples/UserLocation/UserLocationRenderMode.png b/docs/examples/UserLocation/UserLocationRenderMode.png
diff --git a/docs/examples/UserLocation/UserLocationUpdates.png b/docs/examples/UserLocation/UserLocationUpdates.png
diff --git a/docs/examples/V10/CameraAnimation.png b/docs/examples/V10/CameraAnimation.png
diff --git a/docs/examples/V10/FeatureState.md b/docs/examples/V10/FeatureState.md
@@ -160,5 +160,5 @@ FeatureState.metadata = metadata;
 
 ```
 
-}
+![FeatureState.png](./FeatureState.png)}
 
diff --git a/docs/examples/V10/FeatureState.png b/docs/examples/V10/FeatureState.png
diff --git a/docs/examples/V10/GlobeProjection.png b/docs/examples/V10/GlobeProjection.png
diff --git a/docs/examples/V10/MapHandlers.png b/docs/examples/V10/MapHandlers.png
diff --git a/docs/examples/V10/Markers.png b/docs/examples/V10/Markers.png
diff --git a/docs/examples/V10/QueryTerrainElevation.png b/docs/examples/V10/QueryTerrainElevation.png
diff --git a/docs/examples/V10/SimpleModelLayer.md b/docs/examples/V10/SimpleModelLayer.md
@@ -112,5 +112,5 @@ export default SimpleModelLayer;
 
 ```
 
-}
+![SimpleModelLayer.png](./SimpleModelLayer.png)}
 
diff --git a/docs/examples/V10/SimpleModelLayer.png b/docs/examples/V10/SimpleModelLayer.png
diff --git a/docs/examples/V10/TerrainSkyAtmosphere.png b/docs/examples/V10/TerrainSkyAtmosphere.png
Original file line number	Diff line number	Diff line change
Expand Up		@@ -160,5 +160,5 @@ export default CacheManagement;

		```

		}
		![CacheManagement.png](./CacheManagement.png)}
Original file line number	Diff line number	Diff line change
Expand Up		@@ -227,5 +227,5 @@ export default CreateOfflineRegion;

		```

		}
		![CreateOfflineRegion.png](./CreateOfflineRegion.png)}
Original file line number	Diff line number	Diff line change
Expand Up		@@ -146,5 +146,5 @@ export default OfflineExample;

		```

		}
		![OfflineExample.png](./OfflineExample.png)}
Original file line number	Diff line number	Diff line change
Expand Up		@@ -200,5 +200,5 @@ export default function OfflineTilesets() {

		```

		}
		![OfflineTilesets.png](./OfflineTilesets.png)}
Original file line number	Diff line number	Diff line change
Expand Up		@@ -309,5 +309,5 @@ export default Fit;

		```

		}
		![Fit.png](./Fit.png)}
Original file line number	Diff line number	Diff line change
Expand Up		@@ -120,5 +120,5 @@ export default FlyTo;

		```

		}
		![FlyTo.png](./FlyTo.png)}
Original file line number	Diff line number	Diff line change
Expand Up		@@ -63,5 +63,5 @@ export default GetZoom;

		```

		}
		![GetZoom.png](./GetZoom.png)}
Original file line number	Diff line number	Diff line change
Expand Up		@@ -121,5 +121,5 @@ export default ImageOverlay;

		```

		![ImageOverlay.png](./ImageOverlay.png)}
		}
Original file line number	Diff line number	Diff line change
Expand Up		@@ -206,5 +206,5 @@ export default DrawPolyline;

		```

		}
		![DrawPolyline.png](./DrawPolyline.png)}
Original file line number	Diff line number	Diff line change
Expand Up		@@ -91,5 +91,5 @@ export default GradientLine;

		```

		}
		![GradientLine.png](./GradientLine.png)}