@lugg/maps 1.0.0-beta.0 → 1.0.0-beta.1

package/ios/LuggCalloutView.h

@@ -0,0 +1,23 @@
+#import <React/RCTViewComponentView.h>
+#import <UIKit/UIKit.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@class LuggCalloutView;
+
+@protocol LuggCalloutViewDelegate <NSObject>
+@optional
+- (void)calloutViewDidUpdate:(LuggCalloutView *)calloutView;
+@end
+
+@interface LuggCalloutView : RCTViewComponentView
+
+@property(nonatomic, readonly) BOOL bubbled;
+@property(nonatomic, readonly) CGPoint anchor;
+@property(nonatomic, readonly) BOOL hasCustomContent;
+@property(nonatomic, readonly) UIView *contentView;
+@property(nonatomic, weak, nullable) id<LuggCalloutViewDelegate> delegate;
+
+@end
+
+NS_ASSUME_NONNULL_END

package/ios/LuggCalloutView.mm

@@ -0,0 +1,145 @@
+#import "LuggCalloutView.h"
+
+#import <react/renderer/components/RNMapsSpec/ComponentDescriptors.h>
+#import <react/renderer/components/RNMapsSpec/Props.h>
+#import <react/renderer/components/RNMapsSpec/RCTComponentViewHelpers.h>
+
+#import "RCTFabricComponentsPlugins.h"
+
+using namespace facebook::react;
+
+@interface LuggCalloutContentView : UIView
+- (void)updateContentSize;
+@end
+
+@implementation LuggCalloutContentView
+
+- (CGSize)intrinsicContentSize {
+  CGFloat width = 0;
+  CGFloat height = 0;
+  for (UIView *subview in self.subviews) {
+    width = MAX(width, CGRectGetMaxX(subview.frame));
+    height = MAX(height, CGRectGetMaxY(subview.frame));
+  }
+  if (width > 0 && height > 0) {
+    return CGSizeMake(width, height);
+  }
+  return CGSizeMake(UIViewNoIntrinsicMetric, UIViewNoIntrinsicMetric);
+}
+
+- (void)updateContentSize {
+  CGSize size = [self intrinsicContentSize];
+  if (size.width > 0 && size.height > 0) {
+    self.frame = CGRectMake(0, 0, size.width, size.height);
+  }
+  [self invalidateIntrinsicContentSize];
+}
+
+@end
+
+@interface LuggCalloutView () <RCTLuggCalloutViewViewProtocol>
+@end
+
+@implementation LuggCalloutView {
+  LuggCalloutContentView *_contentView;
+  BOOL _bubbled;
+  CGPoint _anchor;
+}
+
++ (ComponentDescriptorProvider)componentDescriptorProvider {
+  return concreteComponentDescriptorProvider<
+      LuggCalloutViewComponentDescriptor>();
+}
+
+- (instancetype)initWithFrame:(CGRect)frame {
+  if (self = [super initWithFrame:frame]) {
+    static const auto defaultProps =
+        std::make_shared<const LuggCalloutViewProps>();
+    _props = defaultProps;
+
+    _bubbled = YES;
+    _anchor = CGPointMake(0.5, 1.0);
+    _contentView = [[LuggCalloutContentView alloc] init];
+    _contentView.backgroundColor = [UIColor clearColor];
+
+    self.backgroundColor = [UIColor clearColor];
+    self.hidden = YES;
+  }
+
+  return self;
+}
+
+- (void)updateProps:(const Props::Shared &)props
+           oldProps:(const Props::Shared &)oldProps {
+  const auto &newViewProps =
+      *std::static_pointer_cast<LuggCalloutViewProps const>(props);
+
+  _bubbled = newViewProps.bubbled;
+
+  if (oldProps) {
+    const auto &oldViewProps =
+        *std::static_pointer_cast<LuggCalloutViewProps const>(oldProps);
+    if (newViewProps.anchor.x != oldViewProps.anchor.x ||
+        newViewProps.anchor.y != oldViewProps.anchor.y) {
+      _anchor = CGPointMake(newViewProps.anchor.x, newViewProps.anchor.y);
+    }
+  } else if (newViewProps.anchor.x != 0 || newViewProps.anchor.y != 0) {
+    _anchor = CGPointMake(newViewProps.anchor.x, newViewProps.anchor.y);
+  }
+
+  [super updateProps:props oldProps:oldProps];
+  [_delegate calloutViewDidUpdate:self];
+}
+
+- (BOOL)bubbled {
+  return _bubbled;
+}
+
+- (CGPoint)anchor {
+  return _anchor;
+}
+
+- (void)mountChildComponentView:
+            (UIView<RCTComponentViewProtocol> *)childComponentView
+                          index:(NSInteger)index {
+  [_contentView insertSubview:childComponentView atIndex:index];
+  [_contentView updateContentSize];
+}
+
+- (void)unmountChildComponentView:
+            (UIView<RCTComponentViewProtocol> *)childComponentView
+                            index:(NSInteger)index {
+  [childComponentView removeFromSuperview];
+  [_contentView updateContentSize];
+}
+
+- (void)layoutSubviews {
+  [super layoutSubviews];
+  CGSize oldSize = _contentView.bounds.size;
+  [_contentView updateContentSize];
+  CGSize newSize = _contentView.bounds.size;
+  if (!CGSizeEqualToSize(oldSize, newSize)) {
+    [_delegate calloutViewDidUpdate:self];
+  }
+}
+
+- (BOOL)hasCustomContent {
+  return _contentView.subviews.count > 0;
+}
+
+- (UIView *)contentView {
+  return _contentView;
+}
+
+- (void)prepareForRecycle {
+  [super prepareForRecycle];
+  for (UIView *subview in _contentView.subviews) {
+    [subview removeFromSuperview];
+  }
+}
+
+Class<RCTComponentViewProtocol> LuggCalloutViewCls(void) {
+  return LuggCalloutView.class;
+}
+
+@end

package/ios/LuggMarkerView.h

@@ -5,6 +5,7 @@
 NS_ASSUME_NONNULL_BEGIN
 
 @class LuggMarkerView;
+@class LuggCalloutView;
 
 @protocol LuggMarkerViewDelegate <NSObject>
 @optional
@@ -27,6 +28,7 @@ NS_ASSUME_NONNULL_BEGIN
 @property(nonatomic, readonly) BOOL hasCustomView;
 @property(nonatomic, readonly) BOOL didLayout;
 @property(nonatomic, readonly) UIView *iconView;
+@property(nonatomic, readonly, nullable) LuggCalloutView *calloutView;
 @property(nonatomic, weak, nullable) id<LuggMarkerViewDelegate> delegate;
 @property(nonatomic, strong, nullable) NSObject *marker;
 

package/ios/LuggMarkerView.mm

@@ -1,4 +1,5 @@
 #import "LuggMarkerView.h"
+#import "LuggCalloutView.h"
 #import "events/MarkerDragEvent.h"
 #import "events/MarkerPressEvent.h"
 
@@ -28,6 +29,7 @@ using namespace luggmaps::events;
   BOOL _draggable;
   BOOL _didLayout;
   UIView *_iconView;
+  LuggCalloutView *_calloutView;
 }
 
 + (ComponentDescriptorProvider)componentDescriptorProvider {
@@ -92,14 +94,22 @@ using namespace luggmaps::events;
 - (void)mountChildComponentView:
             (UIView<RCTComponentViewProtocol> *)childComponentView
                           index:(NSInteger)index {
-  [_iconView insertSubview:childComponentView atIndex:index];
+  if ([childComponentView isKindOfClass:[LuggCalloutView class]]) {
+    _calloutView = (LuggCalloutView *)childComponentView;
+  } else {
+    [_iconView insertSubview:childComponentView atIndex:index];
+  }
   _didLayout = NO;
 }
 
 - (void)unmountChildComponentView:
             (UIView<RCTComponentViewProtocol> *)childComponentView
                             index:(NSInteger)index {
-  [childComponentView removeFromSuperview];
+  if ([childComponentView isKindOfClass:[LuggCalloutView class]]) {
+    _calloutView = nil;
+  } else {
+    [childComponentView removeFromSuperview];
+  }
   _didLayout = NO;
 }
 
@@ -180,6 +190,10 @@ using namespace luggmaps::events;
   return _iconView;
 }
 
+- (LuggCalloutView *)calloutView {
+  return _calloutView;
+}
+
 - (UIImage *)createIconImage {
   CGSize size = _iconView.bounds.size;
   if (size.width <= 0 || size.height <= 0) {
@@ -271,6 +285,7 @@ using namespace luggmaps::events;
 - (void)prepareForRecycle {
   [super prepareForRecycle];
   _didLayout = NO;
+  _calloutView = nil;
   self.marker = nil;
   self.delegate = nil;
   [self resetIconViewTransform];

package/ios/core/AppleMapProvider.mm

@@ -1,8 +1,10 @@
 #import "AppleMapProvider.h"
+#import "../LuggCalloutView.h"
 #import "../LuggMarkerView.h"
 #import "../LuggPolygonView.h"
 #import "../LuggPolylineView.h"
 #import "../extensions/MKMapView+Zoom.h"
+#import "LuggAnnotationView.h"
 #import "MKPolylineAnimator.h"
 
 @interface AppleMarkerAnnotation : NSObject <MKAnnotation>
@@ -20,11 +22,12 @@
 @end
 
 @interface AppleMapProvider () <
-    LuggMarkerViewDelegate, LuggPolylineViewDelegate, LuggPolygonViewDelegate,
-    UIGestureRecognizerDelegate>
+    LuggMarkerViewDelegate, LuggCalloutViewDelegate, LuggPolylineViewDelegate,
+    LuggPolygonViewDelegate, UIGestureRecognizerDelegate>
 @end
 
 @implementation AppleMapProvider {
+  UIView *_wrapperView;
   LuggAppleMapViewContent *_mapView;
   BOOL _isMapReady;
   BOOL _isDragging;
@@ -34,6 +37,8 @@
   NSMapTable<id<MKOverlay>, LuggPolygonView *> *_overlayToPolygonMap;
   UITapGestureRecognizer *_tapGesture;
   UILongPressGestureRecognizer *_longPressGesture;
+  LuggMarkerView *_activeNonBubbledMarker;
+  BOOL _isReselectingAnnotation;
   // Edge insets animation
   CADisplayLink *_edgeInsetsDisplayLink;
   UIEdgeInsets _edgeInsetsFrom;
@@ -91,6 +96,7 @@
 
   [_tapGesture requireGestureRecognizerToFail:_longPressGesture];
 
+  _wrapperView = wrapperView;
   [wrapperView addSubview:_mapView];
 
   MKCoordinateRegion region = [_mapView regionForCenterCoordinate:coordinate
@@ -103,6 +109,7 @@
 }
 
 - (void)destroy {
+  [self dismissNonBubbledCallout];
   [self stopEdgeInsetsAnimation];
   if (_tapGesture) {
     [_mapView removeGestureRecognizer:_tapGesture];
@@ -319,11 +326,24 @@
   return NO;
 }
 
+- (BOOL)hitTestCalloutAtPoint:(CGPoint)point {
+  if (!_activeNonBubbledMarker)
+    return NO;
+
+  UIView *contentView = _activeNonBubbledMarker.calloutView.contentView;
+  CGPoint local = [contentView convertPoint:point fromView:_mapView];
+  return [contentView pointInside:local withEvent:nil];
+}
+
 - (void)handleTap:(UITapGestureRecognizer *)gesture {
   if (gesture.state != UIGestureRecognizerStateEnded)
     return;
 
   CGPoint point = [gesture locationInView:_mapView];
+  if ([self hitTestCalloutAtPoint:point])
+    return;
+
+  [self dismissNonBubbledCallout];
 
   if ([self hitTestAnnotationAtPoint:point])
     return;
@@ -390,6 +410,7 @@
                             longitude:mapView.centerCoordinate.longitude
                                  zoom:mapView.zoomLevel
                               gesture:_isDragging];
+  [self positionNonBubbledCallout];
 }
 
 - (void)mapView:(MKMapView *)mapView regionDidChangeAnimated:(BOOL)animated {
@@ -423,22 +444,23 @@
   }
 
   if (!markerView.hasCustomView) {
-    MKMarkerAnnotationView *markerAnnotationView =
-        [[MKMarkerAnnotationView alloc] initWithAnnotation:annotation
-                                           reuseIdentifier:nil];
+    LuggMarkerAnnotationView *markerAnnotationView =
+        [[LuggMarkerAnnotationView alloc] initWithAnnotation:annotation
+                                             reuseIdentifier:nil];
     markerAnnotationView.canShowCallout = YES;
     markerAnnotationView.displayPriority = MKFeatureDisplayPriorityRequired;
     markerAnnotationView.layer.zPosition = markerView.zIndex;
     markerAnnotationView.zPriority = markerView.zIndex;
     markerAnnotationView.draggable = markerView.draggable;
+    [self applyCalloutView:markerView annotationView:markerAnnotationView];
     [self addCenterTapGesture:markerAnnotationView];
     markerAnnotation.annotationView = markerAnnotationView;
     return markerAnnotationView;
   }
 
-  MKAnnotationView *annotationView =
-      [[MKAnnotationView alloc] initWithAnnotation:annotation
-                                   reuseIdentifier:nil];
+  LuggAnnotationView *annotationView =
+      [[LuggAnnotationView alloc] initWithAnnotation:annotation
+                                     reuseIdentifier:nil];
   annotationView.canShowCallout = YES;
   annotationView.displayPriority = MKFeatureDisplayPriorityRequired;
   annotationView.layer.zPosition = markerView.zIndex;
@@ -446,6 +468,8 @@
   annotationView.draggable = markerView.draggable;
   [self addCenterTapGesture:annotationView];
 
+  [self applyCalloutView:markerView annotationView:annotationView];
+
   if (!markerView.rasterize) {
     UIView *iconView = markerView.iconView;
     [iconView removeFromSuperview];
@@ -516,6 +540,104 @@
     CGPoint point = [_mapView convertCoordinate:markerView.coordinate
                                   toPointToView:_mapView];
     [markerView emitPressEventWithPoint:point];
+
+    LuggCalloutView *calloutView = markerView.calloutView;
+    if (calloutView && !calloutView.bubbled && calloutView.hasCustomContent) {
+      [self showNonBubbledCallout:markerView];
+    }
+  }
+}
+
+- (void)mapView:(MKMapView *)mapView
+    didDeselectAnnotationView:(MKAnnotationView *)view {
+  if (![view.annotation isKindOfClass:[AppleMarkerAnnotation class]])
+    return;
+
+  AppleMarkerAnnotation *annotation = (AppleMarkerAnnotation *)view.annotation;
+  LuggMarkerView *markerView = annotation.markerView;
+
+  if (markerView && _activeNonBubbledMarker == markerView &&
+      !_isReselectingAnnotation) {
+    _isReselectingAnnotation = YES;
+    [_mapView selectAnnotation:annotation animated:NO];
+    _isReselectingAnnotation = NO;
+  }
+}
+
+- (void)showNonBubbledCallout:(LuggMarkerView *)markerView {
+  [self dismissNonBubbledCallout];
+
+  LuggCalloutView *calloutView = markerView.calloutView;
+  UIView *contentView = calloutView.contentView;
+  [contentView removeFromSuperview];
+
+  contentView.userInteractionEnabled = YES;
+  calloutView.delegate = self;
+
+  AppleMarkerAnnotation *annotation =
+      (AppleMarkerAnnotation *)markerView.marker;
+  MKAnnotationView *annotationView = annotation.annotationView;
+  if (annotationView) {
+    annotationView.clipsToBounds = NO;
+    [annotationView addSubview:contentView];
+  } else {
+    [_wrapperView addSubview:contentView];
+  }
+
+  _activeNonBubbledMarker = markerView;
+  [self positionNonBubbledCallout];
+}
+
+- (void)calloutViewDidUpdate:(LuggCalloutView *)calloutView {
+  [self positionNonBubbledCallout];
+}
+
+- (void)positionNonBubbledCallout {
+  if (!_activeNonBubbledMarker)
+    return;
+
+  LuggCalloutView *calloutView = _activeNonBubbledMarker.calloutView;
+  UIView *contentView = calloutView.contentView;
+  CGSize contentSize = contentView.bounds.size;
+  if (contentSize.width <= 0 || contentSize.height <= 0)
+    return;
+
+  CGPoint anchor = calloutView.anchor;
+
+  AppleMarkerAnnotation *annotation =
+      (AppleMarkerAnnotation *)_activeNonBubbledMarker.marker;
+  MKAnnotationView *annotationView = annotation.annotationView;
+
+  if (annotationView && contentView.superview == annotationView) {
+    CGPoint center = CGPointMake(annotationView.bounds.size.width / 2.0 +
+                                     contentSize.width * (0.5 - anchor.x),
+                                 annotationView.bounds.size.height / 2.0 +
+                                     contentSize.height * (0.5 - anchor.y));
+    contentView.center = center;
+  } else {
+    CGPoint point =
+        [_mapView convertCoordinate:_activeNonBubbledMarker.coordinate
+                      toPointToView:_wrapperView];
+    contentView.center =
+        CGPointMake(point.x + contentSize.width * (0.5 - anchor.x),
+                    point.y + contentSize.height * (0.5 - anchor.y));
+  }
+}
+
+- (void)dismissNonBubbledCallout {
+  if (!_activeNonBubbledMarker)
+    return;
+
+  LuggMarkerView *markerView = _activeNonBubbledMarker;
+  _activeNonBubbledMarker = nil;
+
+  markerView.calloutView.delegate = nil;
+  [markerView.calloutView.contentView removeFromSuperview];
+
+  AppleMarkerAnnotation *annotation =
+      (AppleMarkerAnnotation *)markerView.marker;
+  if (annotation) {
+    [_mapView deselectAnnotation:annotation animated:NO];
   }
 }
 
@@ -574,6 +696,27 @@
   }
 }
 
+- (void)applyCalloutView:(LuggMarkerView *)markerView
+          annotationView:(MKAnnotationView *)annotationView {
+  LuggCalloutView *calloutView = markerView.calloutView;
+  if (!calloutView) {
+    annotationView.detailCalloutAccessoryView = nil;
+    annotationView.rightCalloutAccessoryView = nil;
+    return;
+  }
+
+  annotationView.rightCalloutAccessoryView = nil;
+
+  if (!calloutView.bubbled) {
+    annotationView.canShowCallout = NO;
+    annotationView.detailCalloutAccessoryView = nil;
+    return;
+  }
+
+  annotationView.detailCalloutAccessoryView =
+      calloutView.hasCustomContent ? calloutView.contentView : nil;
+}
+
 #pragma mark - MarkerViewDelegate
 
 - (void)markerViewDidLayout:(LuggMarkerView *)markerView {
@@ -600,6 +743,7 @@
     annotationView.draggable = markerView.draggable;
     annotationView.layer.zPosition = markerView.zIndex;
     annotationView.zPriority = markerView.zIndex;
+    [self applyCalloutView:markerView annotationView:annotationView];
   }
 
   [self updateAnnotationViewFrame:annotation];

package/ios/core/GoogleMapProvider.mm

@@ -1,4 +1,5 @@
 #import "GoogleMapProvider.h"
+#import "../LuggCalloutView.h"
 #import "../LuggMarkerView.h"
 #import "../LuggPolygonView.h"
 #import "../LuggPolylineView.h"
@@ -8,10 +9,12 @@
 static NSString *const kDemoMapId = @"DEMO_MAP_ID";
 
 @interface GoogleMapProvider () <
-    LuggMarkerViewDelegate, LuggPolylineViewDelegate, LuggPolygonViewDelegate>
+    LuggMarkerViewDelegate, LuggCalloutViewDelegate, LuggPolylineViewDelegate,
+    LuggPolygonViewDelegate>
 @end
 
 @implementation GoogleMapProvider {
+  UIView *_wrapperView;
   GMSMapView *_mapView;
   BOOL _isMapReady;
   BOOL _isDragging;
@@ -23,6 +26,7 @@ static NSString *const kDemoMapId = @"DEMO_MAP_ID";
   NSMapTable<LuggPolylineView *, GMSPolylineAnimator *> *_polylineAnimators;
   NSMapTable<GMSPolygon *, LuggPolygonView *> *_polygonToViewMap;
   NSMapTable<GMSMarker *, LuggMarkerView *> *_markerToViewMap;
+  LuggMarkerView *_activeNonBubbledMarker;
 
   // Edge insets animation
   CADisplayLink *_edgeInsetsDisplayLink;
@@ -88,6 +92,7 @@ static NSString *const kDemoMapId = @"DEMO_MAP_ID";
   _mapView.paddingAdjustmentBehavior =
       kGMSMapViewPaddingAdjustmentBehaviorNever;
 
+  _wrapperView = wrapperView;
   [wrapperView addSubview:_mapView];
 
   [self applyTheme];
@@ -248,6 +253,7 @@ static NSString *const kDemoMapId = @"DEMO_MAP_ID";
                             longitude:position.target.longitude
                                  zoom:position.zoom
                               gesture:_isDragging];
+  [self positionNonBubbledCallout];
 }
 
 - (void)mapView:(GMSMapView *)mapView
@@ -267,6 +273,7 @@ static NSString *const kDemoMapId = @"DEMO_MAP_ID";
 
 - (void)mapView:(GMSMapView *)mapView
     didTapAtCoordinate:(CLLocationCoordinate2D)coordinate {
+  [self dismissNonBubbledCallout];
   CGPoint point = [mapView.projection pointForCoordinate:coordinate];
   [_delegate mapProviderDidPress:coordinate.latitude
                        longitude:coordinate.longitude
@@ -296,10 +303,19 @@ static NSString *const kDemoMapId = @"DEMO_MAP_ID";
 }
 
 - (BOOL)mapView:(GMSMapView *)mapView didTapMarker:(GMSMarker *)marker {
+  [self dismissNonBubbledCallout];
+
   LuggMarkerView *markerView = [_markerToViewMap objectForKey:marker];
   if (markerView) {
     CGPoint point = [_mapView.projection pointForCoordinate:marker.position];
     [markerView emitPressEventWithPoint:point];
+
+    LuggCalloutView *calloutView = markerView.calloutView;
+    if (calloutView && !calloutView.bubbled && calloutView.hasCustomContent) {
+      [mapView animateToLocation:marker.position];
+      [self showNonBubbledCallout:markerView];
+      return YES;
+    }
   }
   return NO;
 }
@@ -332,6 +348,95 @@ static NSString *const kDemoMapId = @"DEMO_MAP_ID";
   }
 }
 
+- (UIView *)rasterizedCalloutView:(LuggCalloutView *)calloutView {
+  UIView *contentView = calloutView.contentView;
+  [contentView layoutIfNeeded];
+
+  CGSize size = contentView.bounds.size;
+  if (size.width <= 0 || size.height <= 0)
+    return nil;
+
+  UIGraphicsImageRendererFormat *format =
+      [UIGraphicsImageRendererFormat defaultFormat];
+  format.scale = [UIScreen mainScreen].scale;
+  UIGraphicsImageRenderer *renderer =
+      [[UIGraphicsImageRenderer alloc] initWithSize:size format:format];
+  UIImage *image =
+      [renderer imageWithActions:^(UIGraphicsImageRendererContext *context) {
+        [contentView.layer renderInContext:context.CGContext];
+      }];
+
+  return [[UIImageView alloc] initWithImage:image];
+}
+
+- (UIView *)mapView:(GMSMapView *)mapView markerInfoWindow:(GMSMarker *)marker {
+  // Non-bubbled callouts are rendered as live views, not info windows
+  return nil;
+}
+
+- (UIView *)mapView:(GMSMapView *)mapView
+    markerInfoContents:(GMSMarker *)marker {
+  LuggMarkerView *markerView = [_markerToViewMap objectForKey:marker];
+  if (!markerView || !markerView.calloutView ||
+      !markerView.calloutView.hasCustomContent)
+    return nil;
+
+  if (markerView.calloutView.bubbled) {
+    return [self rasterizedCalloutView:markerView.calloutView];
+  }
+
+  return nil;
+}
+
+- (void)showNonBubbledCallout:(LuggMarkerView *)markerView {
+  [self dismissNonBubbledCallout];
+  _mapView.selectedMarker = nil;
+
+  LuggCalloutView *calloutView = markerView.calloutView;
+  UIView *contentView = calloutView.contentView;
+  [contentView removeFromSuperview];
+
+  contentView.userInteractionEnabled = YES;
+  calloutView.delegate = self;
+  [_wrapperView addSubview:contentView];
+
+  _activeNonBubbledMarker = markerView;
+  [self positionNonBubbledCallout];
+}
+
+- (void)calloutViewDidUpdate:(LuggCalloutView *)calloutView {
+  [self positionNonBubbledCallout];
+}
+
+- (void)dismissNonBubbledCallout {
+  if (!_activeNonBubbledMarker)
+    return;
+
+  LuggCalloutView *calloutView = _activeNonBubbledMarker.calloutView;
+  calloutView.delegate = nil;
+  [calloutView.contentView removeFromSuperview];
+  _activeNonBubbledMarker = nil;
+}
+
+- (void)positionNonBubbledCallout {
+  if (!_activeNonBubbledMarker)
+    return;
+
+  LuggCalloutView *calloutView = _activeNonBubbledMarker.calloutView;
+  UIView *contentView = calloutView.contentView;
+  CGSize contentSize = contentView.bounds.size;
+  if (contentSize.width <= 0 || contentSize.height <= 0)
+    return;
+
+  CGPoint anchor = calloutView.anchor;
+  CGPoint point = [_mapView.projection
+      pointForCoordinate:_activeNonBubbledMarker.coordinate];
+
+  contentView.center =
+      CGPointMake(point.x + contentSize.width * (0.5 - anchor.x),
+                  point.y + contentSize.height * (0.5 - anchor.y));
+}
+
 #pragma mark - MarkerViewDelegate
 
 - (void)markerViewDidLayout:(LuggMarkerView *)markerView {
@@ -387,8 +492,10 @@ static NSString *const kDemoMapId = @"DEMO_MAP_ID";
 
   GMSAdvancedMarker *marker = (GMSAdvancedMarker *)markerView.marker;
   marker.position = markerView.coordinate;
-  marker.title = markerView.title;
-  marker.snippet = markerView.markerDescription;
+  marker.title = markerView.title.length > 0 ? markerView.title : nil;
+  marker.snippet = markerView.markerDescription.length > 0
+                       ? markerView.markerDescription
+                       : nil;
   marker.zIndex = (int)markerView.zIndex;
   marker.draggable = markerView.draggable;
   [self applyMarkerStyle:markerView marker:marker];
@@ -410,8 +517,10 @@ static NSString *const kDemoMapId = @"DEMO_MAP_ID";
 
   GMSAdvancedMarker *marker = [[GMSAdvancedMarker alloc] init];
   marker.position = markerView.coordinate;
-  marker.title = markerView.title;
-  marker.snippet = markerView.markerDescription;
+  marker.title = markerView.title.length > 0 ? markerView.title : nil;
+  marker.snippet = markerView.markerDescription.length > 0
+                       ? markerView.markerDescription
+                       : nil;
   marker.zIndex = (int)markerView.zIndex;
   marker.draggable = markerView.draggable;
 

package/ios/core/LuggAnnotationView.h

@@ -0,0 +1,12 @@
+#import <MapKit/MapKit.h>
+
+@interface LuggAnnotationView : MKAnnotationView
+@end
+
+@interface LuggMarkerAnnotationView : MKMarkerAnnotationView
+@end
+
+// Shared hit-test helpers for annotation views with subviews outside bounds
+BOOL LuggAnnotationPointInside(UIView *self, CGPoint point, UIEvent *event);
+UIView *_Nullable LuggAnnotationHitTest(UIView *self, CGPoint point,
+                                        UIEvent *event);