Tap on a marker after tap on a cluster zooms out, why ?

[softlion]

I would like to share a curious behavior when using clusters.

The mapview code is below.

It first displays a map with 100 markers, most are clusters. That is fine.
If I tap one of the cluster, it zooms in and the cluster is splitted into markers. That is expected.

If I then tap one marker, the map zooms out back where it was before the tap on the 1st cluster.
I would like to stop that behavior.
Is that built in ? Can it be disabled ?

Ty !

<MapView
					ref={this.mapViewRef}
					mapStyle={mapStyle}
					style={{ flex: 1 }}
					logoEnabled={false}
					attributionEnabled={false}
					onPress={(e) => this._onMapPress(e)}
				>
					<Camera
						ref={this.cameraRef}
						maxZoomLevel={17}
						defaultSettings={this._defaultCameraSettings}
						{...(this.state.cameraTarget ? {
							centerCoordinate: this.state.cameraTarget.centerCoordinate,
							zoomLevel: this.state.cameraTarget.zoomLevel,
							animationDuration: 500,
						} : {})}
					/>

					<UserLocation visible renderMode="native" />

					<Images images={MARKER_IMAGES} />
					
					<ShapeSource
						id="markers"
						ref={this.shapeSourceRef}
						shape={geoJSON}
						cluster={true}
						clusterRadius={30}
						clusterMaxZoomLevel={14}
					>
						{/* Cluster circles */}
						<CircleLayer
							id="cluster-circle"
							filter={['has', 'point_count']}
							style={{
								circleColor: '#00D6C7',
								circleRadius: ['step', ['get', 'point_count'], 15, 10, 20, 50, 25],
							}}
						/>
						{/* Cluster count text */}
						<SymbolLayer
							id="cluster-count"
							filter={['has', 'point_count']}
							style={{
								textField: '{point_count_abbreviated}',
								textFont: ['Source Sans Pro Bold'],
								textSize: 12,
								textColor: '#ffffff',
								textAllowOverlap: true,
							}}
						/>
						{/* Unclustered markers with PNG icons */}
						<SymbolLayer
							id="unclustered-markers"
							filter={['!', ['has', 'point_count']]}
							style={{
								iconImage: ['get', 'icon'],
								iconSize: 1.0,
								iconAllowOverlap: true,
								iconAnchor: 'bottom',
							}}
						/>
					</ShapeSource>
				</MapView>

[KiwiKilian]

It's hard to where your issue actually lies, because your code is incomplete. For example we can't know what _onMapPress does. Did you check out the Earthquakes example?

[softlion]

You are right. Let me test that earthquake sample if i'm able to repro and record the behavior in a video.