@maplibre/maplibre-react-native 11.0.0-beta.28 → 11.0.0-beta.29

package/ios/components/annotations/point-annotation/MLRNPointAnnotation.m

@@ -9,6 +9,9 @@ const float CENTER_Y_OFFSET_BASE = -0.5f;
 
 @implementation MLRNPointAnnotation {
   UITapGestureRecognizer *customViewTap;
+  // Finger-to-anchor offset to preserve the touch position relative to the annotation's anchor
+  CGPoint _dragFingerOffset;
+  BOOL _dragFingerOffsetCaptured;
 }
 
 - (id)init {
@@ -37,6 +40,11 @@ const float CENTER_Y_OFFSET_BASE = -0.5f;
 }
 
 - (void)reactSetFrame:(CGRect)frame {
+  // Skip frame updates while dragging
+  if (self.dragState != MLNAnnotationViewDragStateNone) {
+    return;
+  }
+
   if ([_map.annotations containsObject:self]) {
     [_map removeAnnotation:self];
   }
@@ -55,6 +63,36 @@ const float CENTER_Y_OFFSET_BASE = -0.5f;
   [self _setCenterOffset:self.frame];
 }
 
+- (void)setCenter:(CGPoint)center {
+  // Reset drag offset tracking whenever we're not in a drag
+  if (self.dragState == MLNAnnotationViewDragStateNone) {
+    _dragFingerOffsetCaptured = NO;
+    [super setCenter:center];
+    return;
+  }
+
+  if (_map != nil) {
+    CGPoint coordPoint = [_map convertCoordinate:self.coordinate toPointToView:_map];
+
+    // Reject map-redraw resets: MapLibre re-projects annotations from their
+    // coordinate on every redraw, snapping the view back mid-drag.
+    if (fabs(center.x - coordPoint.x) < 0.5 && fabs(center.y - coordPoint.y) < 0.5) {
+      return;
+    }
+
+    // Capture the finger-to-anchor offset so the view doesn't snap its center
+    // to the touch point, preserving where the user grabbed relative to the anchor.
+    if (!_dragFingerOffsetCaptured) {
+      _dragFingerOffset = CGPointMake(center.x - coordPoint.x, center.y - coordPoint.y);
+      _dragFingerOffsetCaptured = YES;
+    }
+    center.x -= _dragFingerOffset.x;
+    center.y -= _dragFingerOffset.y;
+  }
+
+  [super setCenter:center];
+}
+
 - (void)setMap:(MLNMapView *)map {
   if (map == nil) {
     [_map removeAnnotation:self];
@@ -151,6 +189,7 @@ const float CENTER_Y_OFFSET_BASE = -0.5f;
       }
     }
     [self addGestureRecognizer:customViewTap];
+    self.annotation = self;
     return self;
   }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maplibre/maplibre-react-native",
   "description": "React Native library for creating maps with MapLibre Native for Android & iOS",
-  "version": "11.0.0-beta.28",
+  "version": "11.0.0-beta.29",
   "publishConfig": {
     "access": "public",
     "provenance": true