Wrong position of MarkerView

Environment

• Mapbox (GL) implementation: v10
• Mapbox (GL) version: 10.7.0
• @rnmapbox/maps Version #main
• Platform: iOS
• React Native Version 0.69.4
• Platform OS: iOS 15
• Device: iPhone X
• Emulator/ Simulator: simulator and physical device
• Dev OS: macOS Monterey 12

Standalone component to reproduce

import React from 'react';
import { View } from 'react-native';
import {
  MapView,
  ShapeSource,
  Camera,
  CircleLayer,
  MarkerView,
} from '@rnmapbox/maps';

const coordinate = [30.319378097536216, 59.879647222152855];

const BugReport = () => (
  <MapView style={{ flex: 1 }}>
    <Camera
      defaultSettings={{
        centerCoordinate: coordinate,
        zoomLevel: 16,
      }}
    />
    <ShapeSource
      id='point'
      shape={{
        type: 'Point',
        coordinates: coordinate,
      }}
    >
      <CircleLayer
        id='circle'
        style={{ circleRadius: 10, circleColor: 'black' }}
      />
    </ShapeSource>
    <MarkerView id='marker' coordinate={coordinate}>
      <View
        style={{
          width: 60,
          height: 60,
          borderRadius: 30,
          backgroundColor: 'rgba(255,0,0,0.5)',
        }}
      />
    </MarkerView>
  </MapView>
);

Observed behavior and steps to reproduce

Expected behavior

Notes / preliminary analysis

PointAnnotation displays perfectly

I think it’s because initialized with wrong bounds (should be 60 instead of 375)

[michaek]

Since there is an example that reproduces the issue against the current HEAD, it seems that this issue should be reopened.

[michaek]

I don’t think I’ll be able to test anytime soon, but there’s a good possibility that #2203 has resolved this issue. Maybe someone who’s reproduced this issue prior to that changeset could verify?