@lugg/maps 1.0.0-beta.3 → 1.0.0-beta.4

package/ios/core/GoogleMapProvider.mm

@@ -1,8 +1,11 @@
 #import "GoogleMapProvider.h"
 #import "../LuggCalloutView.h"
+#import "../LuggCircleView.h"
+#import "../LuggGroundOverlayView.h"
 #import "../LuggMarkerView.h"
 #import "../LuggPolygonView.h"
 #import "../LuggPolylineView.h"
+#import "../LuggTileOverlayView.h"
 #import "GMSPolylineAnimator.h"
 #import "PolylineAnimatorBase.h"
 
@@ -10,7 +13,8 @@ static NSString *const kDemoMapId = @"DEMO_MAP_ID";
 
 @interface GoogleMapProvider () <
     LuggMarkerViewDelegate, LuggCalloutViewDelegate, LuggPolylineViewDelegate,
-    LuggPolygonViewDelegate>
+    LuggPolygonViewDelegate, LuggCircleViewDelegate,
+    LuggGroundOverlayViewDelegate, LuggTileOverlayViewDelegate>
 @end
 
 @implementation GoogleMapProvider {
@@ -23,9 +27,15 @@ static NSString *const kDemoMapId = @"DEMO_MAP_ID";
   NSMutableArray<LuggMarkerView *> *_pendingMarkerViews;
   NSMutableArray<LuggPolylineView *> *_pendingPolylineViews;
   NSMutableArray<LuggPolygonView *> *_pendingPolygonViews;
+  NSMutableArray<LuggCircleView *> *_pendingCircleViews;
+  NSMutableArray<LuggGroundOverlayView *> *_pendingGroundOverlayViews;
+  NSMutableArray<LuggTileOverlayView *> *_pendingTileOverlayViews;
   NSMapTable<LuggPolylineView *, GMSPolylineAnimator *> *_polylineAnimators;
   NSMapTable<GMSPolygon *, LuggPolygonView *> *_polygonToViewMap;
+  NSMapTable<GMSCircle *, LuggCircleView *> *_circleToViewMap;
   NSMapTable<GMSMarker *, LuggMarkerView *> *_markerToViewMap;
+  NSMapTable<GMSGroundOverlay *, LuggGroundOverlayView *>
+      *_groundOverlayToViewMap;
   LuggMarkerView *_activeNonBubbledMarker;
 
   // Edge insets animation
@@ -45,9 +55,14 @@ static NSString *const kDemoMapId = @"DEMO_MAP_ID";
     _pendingMarkerViews = [NSMutableArray array];
     _pendingPolylineViews = [NSMutableArray array];
     _pendingPolygonViews = [NSMutableArray array];
+    _pendingCircleViews = [NSMutableArray array];
+    _pendingGroundOverlayViews = [NSMutableArray array];
+    _pendingTileOverlayViews = [NSMutableArray array];
     _polylineAnimators = [NSMapTable weakToStrongObjectsMapTable];
     _polygonToViewMap = [NSMapTable strongToWeakObjectsMapTable];
+    _circleToViewMap = [NSMapTable strongToWeakObjectsMapTable];
     _markerToViewMap = [NSMapTable strongToWeakObjectsMapTable];
+    _groundOverlayToViewMap = [NSMapTable strongToWeakObjectsMapTable];
   }
   return self;
 }
@@ -101,6 +116,9 @@ static NSString *const kDemoMapId = @"DEMO_MAP_ID";
   [self processPendingMarkers];
   [self processPendingPolylines];
   [self processPendingPolygons];
+  [self processPendingCircles];
+  [self processPendingGroundOverlays];
+  [self processPendingTileOverlays];
 
   [_delegate mapProviderDidReady];
 }
@@ -110,9 +128,14 @@ static NSString *const kDemoMapId = @"DEMO_MAP_ID";
   [_pendingMarkerViews removeAllObjects];
   [_pendingPolylineViews removeAllObjects];
   [_pendingPolygonViews removeAllObjects];
+  [_pendingCircleViews removeAllObjects];
+  [_pendingGroundOverlayViews removeAllObjects];
+  [_pendingTileOverlayViews removeAllObjects];
   [_polylineAnimators removeAllObjects];
   [_polygonToViewMap removeAllObjects];
+  [_circleToViewMap removeAllObjects];
   [_markerToViewMap removeAllObjects];
+  [_groundOverlayToViewMap removeAllObjects];
   [_mapView clear];
   [_mapView removeFromSuperview];
   _mapView = nil;
@@ -291,15 +314,26 @@ static NSString *const kDemoMapId = @"DEMO_MAP_ID";
 }
 
 - (void)mapView:(GMSMapView *)mapView didTapOverlay:(GMSOverlay *)overlay {
-  if (![overlay isKindOfClass:[GMSPolygon class]])
-    return;
-
-  GMSPolygon *polygon = (GMSPolygon *)overlay;
-  LuggPolygonView *polygonView = [_polygonToViewMap objectForKey:polygon];
-  if (!polygonView || !polygonView.tappable)
-    return;
-
-  [polygonView emitPressEvent];
+  if ([overlay isKindOfClass:[GMSPolygon class]]) {
+    GMSPolygon *polygon = (GMSPolygon *)overlay;
+    LuggPolygonView *polygonView = [_polygonToViewMap objectForKey:polygon];
+    if (polygonView && polygonView.tappable) {
+      [polygonView emitPressEvent];
+    }
+  } else if ([overlay isKindOfClass:[GMSCircle class]]) {
+    GMSCircle *circle = (GMSCircle *)overlay;
+    LuggCircleView *circleView = [_circleToViewMap objectForKey:circle];
+    if (circleView && circleView.tappable) {
+      [circleView emitPressEvent];
+    }
+  } else if ([overlay isKindOfClass:[GMSGroundOverlay class]]) {
+    GMSGroundOverlay *groundOverlay = (GMSGroundOverlay *)overlay;
+    LuggGroundOverlayView *groundOverlayView =
+        [_groundOverlayToViewMap objectForKey:groundOverlay];
+    if (groundOverlayView && groundOverlayView.tappable) {
+      [groundOverlayView emitPressEvent];
+    }
+  }
 }
 
 - (BOOL)mapView:(GMSMapView *)mapView didTapMarker:(GMSMarker *)marker {
@@ -475,6 +509,24 @@ static NSString *const kDemoMapId = @"DEMO_MAP_ID";
   [self syncPolygonView:polygonView];
 }
 
+#pragma mark - CircleViewDelegate
+
+- (void)circleViewDidUpdate:(LuggCircleView *)circleView {
+  [self syncCircleView:circleView];
+}
+
+#pragma mark - GroundOverlayViewDelegate
+
+- (void)groundOverlayViewDidUpdate:(LuggGroundOverlayView *)groundOverlayView {
+  [self syncGroundOverlayView:groundOverlayView];
+}
+
+#pragma mark - TileOverlayViewDelegate
+
+- (void)tileOverlayViewDidUpdate:(LuggTileOverlayView *)tileOverlayView {
+  [self syncTileOverlayView:tileOverlayView];
+}
+
 #pragma mark - Marker Management
 
 - (void)addMarkerView:(LuggMarkerView *)markerView {
@@ -739,6 +791,243 @@ static NSString *const kDemoMapId = @"DEMO_MAP_ID";
   [_polygonToViewMap setObject:polygonView forKey:polygon];
 }
 
+#pragma mark - Circle Management
+
+- (void)addCircleView:(LuggCircleView *)circleView {
+  circleView.delegate = self;
+  [self syncCircleView:circleView];
+}
+
+- (void)removeCircleView:(LuggCircleView *)circleView {
+  GMSCircle *circle = (GMSCircle *)circleView.circle;
+  if (circle) {
+    [_circleToViewMap removeObjectForKey:circle];
+    circle.map = nil;
+    circleView.circle = nil;
+  }
+}
+
+- (void)syncCircleView:(LuggCircleView *)circleView {
+  if (!_mapView) {
+    if (![_pendingCircleViews containsObject:circleView]) {
+      [_pendingCircleViews addObject:circleView];
+    }
+    return;
+  }
+
+  if (!circleView.circle) {
+    [self addCircleViewToMap:circleView];
+    return;
+  }
+
+  GMSCircle *circle = (GMSCircle *)circleView.circle;
+  circle.position = circleView.center;
+  circle.radius = circleView.radius;
+  circle.fillColor = circleView.fillColor;
+  circle.strokeColor = circleView.strokeColor;
+  circle.strokeWidth = circleView.strokeWidth;
+  circle.zIndex = (int)circleView.zIndex;
+  circle.tappable = circleView.tappable;
+}
+
+- (void)processPendingCircles {
+  if (!_mapView)
+    return;
+
+  for (LuggCircleView *circleView in _pendingCircleViews) {
+    [self addCircleViewToMap:circleView];
+  }
+  [_pendingCircleViews removeAllObjects];
+}
+
+- (void)addCircleViewToMap:(LuggCircleView *)circleView {
+  if (!_mapView)
+    return;
+
+  GMSCircle *circle = [GMSCircle circleWithPosition:circleView.center
+                                             radius:circleView.radius];
+  circle.fillColor = circleView.fillColor;
+  circle.strokeColor = circleView.strokeColor;
+  circle.strokeWidth = circleView.strokeWidth;
+  circle.zIndex = (int)circleView.zIndex;
+  circle.tappable = circleView.tappable;
+  circle.map = _mapView;
+  circleView.circle = circle;
+  [_circleToViewMap setObject:circleView forKey:circle];
+}
+
+#pragma mark - Ground Overlay Management
+
+- (void)addGroundOverlayView:(LuggGroundOverlayView *)groundOverlayView {
+  groundOverlayView.delegate = self;
+  [self syncGroundOverlayView:groundOverlayView];
+}
+
+- (void)removeGroundOverlayView:(LuggGroundOverlayView *)groundOverlayView {
+  groundOverlayView.delegate = nil;
+  GMSGroundOverlay *overlay = (GMSGroundOverlay *)groundOverlayView.overlay;
+  if (overlay) {
+    [_groundOverlayToViewMap removeObjectForKey:overlay];
+    overlay.map = nil;
+    groundOverlayView.overlay = nil;
+  }
+}
+
+- (void)syncGroundOverlayView:(LuggGroundOverlayView *)groundOverlayView {
+  if (!_mapView) {
+    if (![_pendingGroundOverlayViews containsObject:groundOverlayView]) {
+      [_pendingGroundOverlayViews addObject:groundOverlayView];
+    }
+    return;
+  }
+
+  NSString *imageUri = groundOverlayView.imageUri;
+  if (imageUri.length == 0)
+    return;
+
+  // Remove old overlay
+  GMSGroundOverlay *oldOverlay = (GMSGroundOverlay *)groundOverlayView.overlay;
+  if (oldOverlay) {
+    [_groundOverlayToViewMap removeObjectForKey:oldOverlay];
+    oldOverlay.map = nil;
+    groundOverlayView.overlay = nil;
+  }
+
+  // Load image and create overlay
+  NSURL *url = [NSURL URLWithString:imageUri];
+  if (!url)
+    return;
+
+  __weak __typeof(self) weakSelf = self;
+  __weak LuggGroundOverlayView *weakOverlayView = groundOverlayView;
+  dispatch_async(
+      dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{
+        NSData *data = [NSData dataWithContentsOfURL:url];
+        UIImage *image = data ? [UIImage imageWithData:data] : nil;
+        dispatch_async(dispatch_get_main_queue(), ^{
+          [weakSelf addGroundOverlayToMap:weakOverlayView image:image];
+        });
+      });
+}
+
+- (void)addGroundOverlayToMap:(LuggGroundOverlayView *)groundOverlayView
+                        image:(UIImage *)image {
+  if (!_mapView || !groundOverlayView || !image)
+    return;
+
+  GMSCoordinateBounds *bounds = [[GMSCoordinateBounds alloc]
+      initWithCoordinate:groundOverlayView.southwest
+              coordinate:groundOverlayView.northeast];
+
+  GMSGroundOverlay *overlay = [GMSGroundOverlay groundOverlayWithBounds:bounds
+                                                                   icon:image];
+  overlay.opacity = groundOverlayView.opacity;
+  overlay.bearing = groundOverlayView.bearing;
+  overlay.zIndex = (int)groundOverlayView.zIndex;
+  overlay.tappable = groundOverlayView.tappable;
+  overlay.map = _mapView;
+
+  groundOverlayView.overlay = overlay;
+  [_groundOverlayToViewMap setObject:groundOverlayView forKey:overlay];
+}
+
+- (void)processPendingGroundOverlays {
+  if (!_mapView)
+    return;
+
+  for (LuggGroundOverlayView *view in _pendingGroundOverlayViews) {
+    [self syncGroundOverlayView:view];
+  }
+  [_pendingGroundOverlayViews removeAllObjects];
+}
+
+#pragma mark - Tile Overlay Management
+
+- (void)addTileOverlayView:(LuggTileOverlayView *)tileOverlayView {
+  tileOverlayView.delegate = self;
+  [self syncTileOverlayView:tileOverlayView];
+}
+
+- (void)removeTileOverlayView:(LuggTileOverlayView *)tileOverlayView {
+  tileOverlayView.delegate = nil;
+  GMSTileLayer *tileLayer = (GMSTileLayer *)tileOverlayView.overlay;
+  if (tileLayer) {
+    tileLayer.map = nil;
+    tileOverlayView.overlay = nil;
+  }
+}
+
+- (void)syncTileOverlayView:(LuggTileOverlayView *)tileOverlayView {
+  if (!_mapView) {
+    if (![_pendingTileOverlayViews containsObject:tileOverlayView]) {
+      [_pendingTileOverlayViews addObject:tileOverlayView];
+    }
+    return;
+  }
+
+  NSString *urlTemplate = tileOverlayView.urlTemplate;
+  if (urlTemplate.length == 0)
+    return;
+
+  // Remove old tile layer
+  GMSTileLayer *oldLayer = (GMSTileLayer *)tileOverlayView.overlay;
+  if (oldLayer) {
+    oldLayer.map = nil;
+    tileOverlayView.overlay = nil;
+  }
+
+  BOOL hasBounds = tileOverlayView.hasBounds;
+  CLLocationCoordinate2D sw = tileOverlayView.southwest;
+  CLLocationCoordinate2D ne = tileOverlayView.northeast;
+
+  GMSTileURLConstructor constructor = ^NSURL *(NSUInteger x, NSUInteger y,
+                                               NSUInteger zoom) {
+    if (hasBounds) {
+      double n = pow(2.0, zoom);
+      double tileSW_lat =
+          180.0 / M_PI * atan(sinh(M_PI * (1 - 2.0 * (y + 1) / n)));
+      double tileNE_lat = 180.0 / M_PI * atan(sinh(M_PI * (1 - 2.0 * y / n)));
+      double tileSW_lng = x / n * 360.0 - 180.0;
+      double tileNE_lng = (x + 1) / n * 360.0 - 180.0;
+
+      if (tileNE_lat < sw.latitude || tileSW_lat > ne.latitude ||
+          tileNE_lng < sw.longitude || tileSW_lng > ne.longitude) {
+        return nil;
+      }
+    }
+
+    NSString *urlString =
+        [urlTemplate stringByReplacingOccurrencesOfString:@"{x}"
+                                               withString:[@(x) stringValue]];
+    urlString =
+        [urlString stringByReplacingOccurrencesOfString:@"{y}"
+                                             withString:[@(y) stringValue]];
+    urlString =
+        [urlString stringByReplacingOccurrencesOfString:@"{z}"
+                                             withString:[@(zoom) stringValue]];
+    return [NSURL URLWithString:urlString];
+  };
+
+  GMSURLTileLayer *tileLayer =
+      [GMSURLTileLayer tileLayerWithURLConstructor:constructor];
+  tileLayer.tileSize = tileOverlayView.tileSize;
+  tileLayer.opacity = tileOverlayView.opacity;
+  tileLayer.zIndex = (int)tileOverlayView.zIndex;
+  tileLayer.map = _mapView;
+
+  tileOverlayView.overlay = tileLayer;
+}
+
+- (void)processPendingTileOverlays {
+  if (!_mapView)
+    return;
+
+  for (LuggTileOverlayView *view in _pendingTileOverlayViews) {
+    [self syncTileOverlayView:view];
+  }
+  [_pendingTileOverlayViews removeAllObjects];
+}
+
 #pragma mark - Lifecycle
 
 - (void)pauseAnimations {

package/ios/core/MapProviderDelegate.h

@@ -6,6 +6,9 @@ NS_ASSUME_NONNULL_BEGIN
 @class LuggMarkerView;
 @class LuggPolylineView;
 @class LuggPolygonView;
+@class LuggCircleView;
+@class LuggGroundOverlayView;
+@class LuggTileOverlayView;
 
 @protocol MapProviderDelegate <NSObject>
 - (void)mapProviderDidReady;
@@ -62,6 +65,15 @@ NS_ASSUME_NONNULL_BEGIN
 - (void)addPolygonView:(LuggPolygonView *)polygonView;
 - (void)removePolygonView:(LuggPolygonView *)polygonView;
 - (void)syncPolygonView:(LuggPolygonView *)polygonView;
+- (void)addCircleView:(LuggCircleView *)circleView;
+- (void)removeCircleView:(LuggCircleView *)circleView;
+- (void)syncCircleView:(LuggCircleView *)circleView;
+- (void)addGroundOverlayView:(LuggGroundOverlayView *)groundOverlayView;
+- (void)removeGroundOverlayView:(LuggGroundOverlayView *)groundOverlayView;
+- (void)syncGroundOverlayView:(LuggGroundOverlayView *)groundOverlayView;
+- (void)addTileOverlayView:(LuggTileOverlayView *)tileOverlayView;
+- (void)removeTileOverlayView:(LuggTileOverlayView *)tileOverlayView;
+- (void)syncTileOverlayView:(LuggTileOverlayView *)tileOverlayView;
 
 // Lifecycle
 - (void)pauseAnimations;

package/ios/events/CirclePressEvent.h

@@ -0,0 +1,20 @@
+#pragma once
+
+#import <react/renderer/components/RNMapsSpec/EventEmitters.h>
+
+namespace luggmaps {
+namespace events {
+
+struct CirclePressEvent {
+  template <typename Emitter>
+  static void emit(const facebook::react::SharedEventEmitter &eventEmitter) {
+    if (!eventEmitter)
+      return;
+    auto emitter = std::static_pointer_cast<Emitter const>(eventEmitter);
+    typename Emitter::OnCirclePress event;
+    emitter->onCirclePress(event);
+  }
+};
+
+} // namespace events
+} // namespace luggmaps

package/ios/events/GroundOverlayPressEvent.h

@@ -0,0 +1,20 @@
+#pragma once
+
+#import <react/renderer/components/RNMapsSpec/EventEmitters.h>
+
+namespace luggmaps {
+namespace events {
+
+struct GroundOverlayPressEvent {
+  template <typename Emitter>
+  static void emit(const facebook::react::SharedEventEmitter &eventEmitter) {
+    if (!eventEmitter)
+      return;
+    auto emitter = std::static_pointer_cast<Emitter const>(eventEmitter);
+    typename Emitter::OnGroundOverlayPress event;
+    emitter->onGroundOverlayPress(event);
+  }
+};
+
+} // namespace events
+} // namespace luggmaps

package/ios/events/TileOverlayPressEvent.h

@@ -0,0 +1,20 @@
+#pragma once
+
+#import <react/renderer/components/RNMapsSpec/EventEmitters.h>
+
+namespace luggmaps {
+namespace events {
+
+struct TileOverlayPressEvent {
+  template <typename Emitter>
+  static void emit(const facebook::react::SharedEventEmitter &eventEmitter) {
+    if (!eventEmitter)
+      return;
+    auto emitter = std::static_pointer_cast<Emitter const>(eventEmitter);
+    typename Emitter::OnTileOverlayPress event;
+    emitter->onTileOverlayPress(event);
+  }
+};
+
+} // namespace events
+} // namespace luggmaps

package/lib/module/components/Circle.js

@@ -0,0 +1,46 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet } from 'react-native';
+import LuggCircleViewNativeComponent from '../fabric/LuggCircleViewNativeComponent';
+import { jsx as _jsx } from "react/jsx-runtime";
+export class Circle extends React.PureComponent {
+  getStyle(zIndex) {
+    if (zIndex == null) return styles.circle;
+    if (zIndex !== this._cachedZIndex) {
+      this._cachedZIndex = zIndex;
+      this._cachedStyle = [{
+        zIndex
+      }, styles.circle];
+    }
+    return this._cachedStyle;
+  }
+  render() {
+    const {
+      center,
+      radius,
+      strokeColor,
+      strokeWidth,
+      fillColor,
+      zIndex,
+      onPress
+    } = this.props;
+    return /*#__PURE__*/_jsx(LuggCircleViewNativeComponent, {
+      style: this.getStyle(zIndex),
+      center: center,
+      radius: radius,
+      strokeColor: strokeColor,
+      strokeWidth: strokeWidth,
+      fillColor: fillColor,
+      tappable: !!onPress,
+      onCirclePress: onPress
+    });
+  }
+}
+const styles = StyleSheet.create({
+  circle: {
+    position: 'absolute',
+    pointerEvents: 'none'
+  }
+});
+//# sourceMappingURL=Circle.js.map

package/lib/module/components/Circle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","LuggCircleViewNativeComponent","jsx","_jsx","Circle","PureComponent","getStyle","zIndex","styles","circle","_cachedZIndex","_cachedStyle","render","center","radius","strokeColor","strokeWidth","fillColor","onPress","props","style","tappable","onCirclePress","create","position","pointerEvents"],"sourceRoot":"../../../src","sources":["components/Circle.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAOC,6BAA6B,MAAM,yCAAyC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAKpF,OAAO,MAAMC,MAAM,SAASL,KAAK,CAACM,aAAa,CAAc;EAInDC,QAAQA,CAACC,MAA0B,EAAE;IAC3C,IAAIA,MAAM,IAAI,IAAI,EAAE,OAAOC,MAAM,CAACC,MAAM;IACxC,IAAIF,MAAM,KAAK,IAAI,CAACG,aAAa,EAAE;MACjC,IAAI,CAACA,aAAa,GAAGH,MAAM;MAC3B,IAAI,CAACI,YAAY,GAAG,CAAC;QAAEJ;MAAO,CAAC,EAAEC,MAAM,CAACC,MAAM,CAAC;IACjD;IACA,OAAO,IAAI,CAACE,YAAY;EAC1B;EAEAC,MAAMA,CAAA,EAAG;IACP,MAAM;MACJC,MAAM;MACNC,MAAM;MACNC,WAAW;MACXC,WAAW;MACXC,SAAS;MACTV,MAAM;MACNW;IACF,CAAC,GAAG,IAAI,CAACC,KAAK;IAEd,oBACEhB,IAAA,CAACF,6BAA6B;MAC5BmB,KAAK,EAAE,IAAI,CAACd,QAAQ,CAACC,MAAM,CAAE;MAC7BM,MAAM,EAAEA,MAAO;MACfC,MAAM,EAAEA,MAAO;MACfC,WAAW,EAAEA,WAAY;MACzBC,WAAW,EAAEA,WAAY;MACzBC,SAAS,EAAEA,SAAU;MACrBI,QAAQ,EAAE,CAAC,CAACH,OAAQ;MACpBI,aAAa,EAAEJ;IAAQ,CACxB,CAAC;EAEN;AACF;AAEA,MAAMV,MAAM,GAAGR,UAAU,CAACuB,MAAM,CAAC;EAC/Bd,MAAM,EAAE;IACNe,QAAQ,EAAE,UAAU;IACpBC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Circle.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=Circle.types.js.map

package/lib/module/components/Circle.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/Circle.types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/Circle.web.js

@@ -0,0 +1,79 @@
+"use strict";
+
+import { useCallback, useEffect, useRef } from 'react';
+import { useMapContext } from "../MapProvider.web.js";
+export const Circle = ({
+  center,
+  radius,
+  strokeColor = '#000000',
+  strokeWidth = 1,
+  fillColor = 'rgba(0, 0, 0, 0.3)',
+  zIndex = 0,
+  onPress
+}) => {
+  const {
+    map
+  } = useMapContext();
+  const circleRef = useRef(null);
+  const listenersRef = useRef([]);
+  const handleClick = useCallback(() => {
+    onPress?.();
+  }, [onPress]);
+  useEffect(() => {
+    return () => {
+      listenersRef.current.forEach(l => l.remove());
+      listenersRef.current = [];
+      circleRef.current?.setMap(null);
+      circleRef.current = null;
+    };
+  }, []);
+  useEffect(() => {
+    const circle = circleRef.current;
+    if (!circle) return;
+    listenersRef.current.forEach(l => l.remove());
+    listenersRef.current = [];
+    if (onPress) {
+      listenersRef.current.push(circle.addListener('click', handleClick));
+    }
+    circle.set('clickable', !!onPress);
+  }, [onPress, handleClick]);
+  useEffect(() => {
+    if (!map) {
+      circleRef.current?.setMap(null);
+      return;
+    }
+    const googleCenter = {
+      lat: center.latitude,
+      lng: center.longitude
+    };
+    if (circleRef.current) {
+      circleRef.current.setCenter(googleCenter);
+      circleRef.current.setRadius(radius);
+      circleRef.current.setOptions({
+        strokeColor: strokeColor,
+        strokeWeight: strokeWidth,
+        fillColor: fillColor,
+        zIndex
+      });
+    } else {
+      const circle = new google.maps.Circle({
+        center: googleCenter,
+        radius,
+        strokeColor: strokeColor,
+        strokeWeight: strokeWidth,
+        strokeOpacity: 1,
+        fillColor: fillColor,
+        fillOpacity: 1,
+        zIndex,
+        clickable: !!onPress,
+        map
+      });
+      circleRef.current = circle;
+      if (onPress) {
+        listenersRef.current.push(circle.addListener('click', handleClick));
+      }
+    }
+  }, [map, center, radius, strokeColor, strokeWidth, fillColor, zIndex, onPress, handleClick]);
+  return null;
+};
+//# sourceMappingURL=Circle.web.js.map

package/lib/module/components/Circle.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useRef","useMapContext","Circle","center","radius","strokeColor","strokeWidth","fillColor","zIndex","onPress","map","circleRef","listenersRef","handleClick","current","forEach","l","remove","setMap","circle","push","addListener","set","googleCenter","lat","latitude","lng","longitude","setCenter","setRadius","setOptions","strokeWeight","google","maps","strokeOpacity","fillOpacity","clickable"],"sourceRoot":"../../../src","sources":["components/Circle.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/GroundOverlay.js

@@ -0,0 +1,45 @@
+"use strict";
+
+import React from 'react';
+import { Image, StyleSheet } from 'react-native';
+import LuggGroundOverlayViewNativeComponent from '../fabric/LuggGroundOverlayViewNativeComponent';
+import { jsx as _jsx } from "react/jsx-runtime";
+export class GroundOverlay extends React.PureComponent {
+  getStyle(zIndex) {
+    if (zIndex == null) return styles.overlay;
+    if (zIndex !== this._cachedZIndex) {
+      this._cachedZIndex = zIndex;
+      this._cachedStyle = [{
+        zIndex
+      }, styles.overlay];
+    }
+    return this._cachedStyle;
+  }
+  render() {
+    const {
+      image,
+      bounds,
+      opacity,
+      bearing,
+      zIndex,
+      onPress
+    } = this.props;
+    const resolved = Image.resolveAssetSource(image);
+    return /*#__PURE__*/_jsx(LuggGroundOverlayViewNativeComponent, {
+      style: this.getStyle(zIndex),
+      image: resolved?.uri ?? '',
+      bounds: bounds,
+      opacity: opacity,
+      bearing: bearing,
+      tappable: !!onPress,
+      onGroundOverlayPress: onPress
+    });
+  }
+}
+const styles = StyleSheet.create({
+  overlay: {
+    position: 'absolute',
+    pointerEvents: 'none'
+  }
+});
+//# sourceMappingURL=GroundOverlay.js.map

package/lib/module/components/GroundOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","StyleSheet","LuggGroundOverlayViewNativeComponent","jsx","_jsx","GroundOverlay","PureComponent","getStyle","zIndex","styles","overlay","_cachedZIndex","_cachedStyle","render","image","bounds","opacity","bearing","onPress","props","resolved","resolveAssetSource","style","uri","tappable","onGroundOverlayPress","create","position","pointerEvents"],"sourceRoot":"../../../src","sources":["components/GroundOverlay.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAChD,OAAOC,oCAAoC,MAAM,gDAAgD;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQlG,OAAO,MAAMC,aAAa,SAASN,KAAK,CAACO,aAAa,CAAqB;EAIjEC,QAAQA,CAACC,MAA0B,EAAE;IAC3C,IAAIA,MAAM,IAAI,IAAI,EAAE,OAAOC,MAAM,CAACC,OAAO;IACzC,IAAIF,MAAM,KAAK,IAAI,CAACG,aAAa,EAAE;MACjC,IAAI,CAACA,aAAa,GAAGH,MAAM;MAC3B,IAAI,CAACI,YAAY,GAAG,CAAC;QAAEJ;MAAO,CAAC,EAAEC,MAAM,CAACC,OAAO,CAAC;IAClD;IACA,OAAO,IAAI,CAACE,YAAY;EAC1B;EAEAC,MAAMA,CAAA,EAAG;IACP,MAAM;MAAEC,KAAK;MAAEC,MAAM;MAAEC,OAAO;MAAEC,OAAO;MAAET,MAAM;MAAEU;IAAQ,CAAC,GAAG,IAAI,CAACC,KAAK;IACvE,MAAMC,QAAQ,GAAGpB,KAAK,CAACqB,kBAAkB,CAACP,KAAK,CAAC;IAEhD,oBACEV,IAAA,CAACF,oCAAoC;MACnCoB,KAAK,EAAE,IAAI,CAACf,QAAQ,CAACC,MAAM,CAAE;MAC7BM,KAAK,EAAEM,QAAQ,EAAEG,GAAG,IAAI,EAAG;MAC3BR,MAAM,EAAEA,MAAO;MACfC,OAAO,EAAEA,OAAQ;MACjBC,OAAO,EAAEA,OAAQ;MACjBO,QAAQ,EAAE,CAAC,CAACN,OAAQ;MACpBO,oBAAoB,EAAEP;IAAQ,CAC/B,CAAC;EAEN;AACF;AAEA,MAAMT,MAAM,GAAGR,UAAU,CAACyB,MAAM,CAAC;EAC/BhB,OAAO,EAAE;IACPiB,QAAQ,EAAE,UAAU;IACpBC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/GroundOverlay.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=GroundOverlay.types.js.map

package/lib/module/components/GroundOverlay.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/GroundOverlay.types.ts"],"mappings":"","ignoreList":[]}