expo-gaode-map 1.0.2 → 1.0.4

package/android/src/main/java/expo/modules/gaodemap/overlays/CircleView.kt

@@ -19,6 +19,9 @@ class CircleView(context: Context, appContext: AppContext) : ExpoView(context, a
   private var aMap: AMap? = null
   private var center: LatLng? = null
   private var radius: Double = 1000.0
+  private var fillColor: Int = Color.argb(50, 0, 0, 255)
+  private var strokeColor: Int = Color.BLUE
+  private var strokeWidth: Float = 10f
   
   /**
    * 设置地图实例
@@ -26,28 +29,19 @@ class CircleView(context: Context, appContext: AppContext) : ExpoView(context, a
   @Suppress("unused")
   fun setMap(map: AMap) {
     aMap = map
-    // 不立即创建，等 props 设置完成后再创建
+    // 延迟创建圆形，确保所有 props 都已设置
+    post { createOrUpdateCircle() }
   }
   
   /**
    * 设置圆心
    */
   fun setCenter(centerMap: Map<String, Double>) {
-    android.util.Log.d("CircleView", "setCenter 被调用: $centerMap")
     val lat = centerMap["latitude"]
     val lng = centerMap["longitude"]
     if (lat != null && lng != null) {
       center = LatLng(lat, lng)
-      android.util.Log.d("CircleView", "圆心设置为: lat=$lat, lng=$lng")
-      
-      // 如果圆形已存在，更新它；否则创建新圆形
-      circle?.let {
-        android.util.Log.d("CircleView", "更新现有圆形的圆心")
-        it.center = center
-      } ?: run {
-        android.util.Log.d("CircleView", "圆形不存在，尝试创建")
-        createOrUpdateCircle()
-      }
+      circle?.center = center
     }
   }
   
@@ -56,78 +50,73 @@ class CircleView(context: Context, appContext: AppContext) : ExpoView(context, a
    */
   fun setRadius(radiusValue: Double) {
     radius = radiusValue
-    circle?.let {
-      it.radius = radius
-    }
-    // 半径可以后续更新，不需要在这里创建圆形
+    circle?.radius = radius
   }
   
   /**
    * 设置填充颜色
    */
   fun setFillColor(color: Int) {
-    circle?.let {
-      it.fillColor = color
-    }
+    fillColor = color
+    circle?.fillColor = color
   }
   
   /**
    * 设置边框颜色
    */
   fun setStrokeColor(color: Int) {
-    circle?.let {
-      it.strokeColor = color
-    }
+    strokeColor = color
+    circle?.strokeColor = color
   }
   
   /**
    * 设置边框宽度
    */
   fun setStrokeWidth(width: Float) {
-    circle?.let {
-      it.strokeWidth = width
-    }
+    strokeWidth = width
+    circle?.strokeWidth = width
   }
   
   /**
    * 设置 z-index
    */
   fun setZIndex(zIndex: Float) {
-    circle?.let {
-      it.zIndex = zIndex
-    } ?: createOrUpdateCircle()
+    circle?.zIndex = zIndex
   }
   
   /**
    * 创建或更新圆形
    */
   private fun createOrUpdateCircle() {
-    android.util.Log.d("CircleView", "createOrUpdateCircle 被调用")
-    android.util.Log.d("CircleView", "aMap: $aMap, center: $center, radius: $radius")
-    
-    // 必须同时有地图实例和圆心才能创建
-    val map = aMap ?: run {
-      android.util.Log.w("CircleView", "⚠️ aMap 为 null，无法创建圆形")
-      return
-    }
-    
-    val centerPoint = center ?: run {
-      android.util.Log.w("CircleView", "⚠️ center 为 null，无法创建圆形")
-      return
-    }
+    val map = aMap ?: return
+    val centerPoint = center ?: return
     
     if (circle == null) {
-      android.util.Log.d("CircleView", "创建新圆形 - center: $centerPoint, radius: $radius")
-      val options = CircleOptions()
-        .center(centerPoint)
-        .radius(radius)
-        .fillColor(Color.argb(50, 0, 0, 255))  // 默认半透明蓝色
-        .strokeColor(Color.BLUE)                // 默认蓝色边框
-        .strokeWidth(10f)                       // 默认边框宽度
-      
-      circle = map.addCircle(options)
-      android.util.Log.d("CircleView", "✅ 圆形创建成功: $circle")
+      circle = map.addCircle(
+        CircleOptions()
+          .center(centerPoint)
+          .radius(radius)
+          .fillColor(fillColor)
+          .strokeColor(strokeColor)
+          .strokeWidth(strokeWidth)
+      )
+    }
+  }
+  
+  /**
+   * 检查点击位置是否在圆形内
+   */
+  fun checkPress(latLng: LatLng): Boolean {
+    circle?.let { c ->
+      if (c.contains(latLng)) {
+        onPress(mapOf(
+          "latitude" to latLng.latitude,
+          "longitude" to latLng.longitude
+        ))
+        return true
+      }
     }
+    return false
   }
   
   /**

package/android/src/main/java/expo/modules/gaodemap/overlays/MarkerView.kt

@@ -1,6 +1,9 @@
 package expo.modules.gaodemap.overlays
 
 import android.content.Context
+import android.graphics.Bitmap
+import android.graphics.Canvas
+import android.view.View
 import com.amap.api.maps.AMap
 import com.amap.api.maps.model.BitmapDescriptorFactory
 import com.amap.api.maps.model.LatLng

package/android/src/main/java/expo/modules/gaodemap/overlays/PolygonView.kt

@@ -17,6 +17,7 @@ class PolygonView(context: Context, appContext: AppContext) : ExpoView(context,
   private var polygon: Polygon? = null
   private var aMap: AMap? = null
   private var points: List<LatLng> = emptyList()
+  private var strokeWidth: Float = 10f
   
   /**
    * 设置地图实例
@@ -65,8 +66,11 @@ class PolygonView(context: Context, appContext: AppContext) : ExpoView(context,
    * 设置边框宽度
    */
   fun setStrokeWidth(width: Float) {
+    // Android 需要乘以屏幕密度以匹配 iOS 的视觉效果
+    val density = context.resources.displayMetrics.density
+    strokeWidth = width * density
     polygon?.let {
-      it.strokeWidth = width
+      it.strokeWidth = strokeWidth
     } ?: createOrUpdatePolygon()
   }
   
@@ -89,7 +93,7 @@ class PolygonView(context: Context, appContext: AppContext) : ExpoView(context,
           .addAll(points)
           .fillColor(Color.argb(50, 0, 0, 255))
           .strokeColor(Color.BLUE)
-          .strokeWidth(10f)
+          .strokeWidth(strokeWidth)
         
         polygon = map.addPolygon(options)
         
@@ -99,6 +103,22 @@ class PolygonView(context: Context, appContext: AppContext) : ExpoView(context,
     }
   }
   
+  /**
+   * 检查点击位置是否在多边形内
+   */
+  fun checkPress(latLng: LatLng): Boolean {
+    polygon?.let { poly ->
+      if (poly.contains(latLng)) {
+        onPress(mapOf(
+          "latitude" to latLng.latitude,
+          "longitude" to latLng.longitude
+        ))
+        return true
+      }
+    }
+    return false
+  }
+  
   /**
    * 移除多边形
    */

package/android/src/main/java/expo/modules/gaodemap/overlays/PolylineView.kt

@@ -7,6 +7,8 @@ import com.amap.api.maps.model.BitmapDescriptorFactory
 import com.amap.api.maps.model.LatLng
 import com.amap.api.maps.model.Polyline
 import com.amap.api.maps.model.PolylineOptions
+import com.amap.api.maps.model.PolylineOptions.LineCapType
+import com.amap.api.maps.model.PolylineOptions.LineJoinType
 import expo.modules.kotlin.AppContext
 import expo.modules.kotlin.viewevent.EventDispatcher
 import expo.modules.kotlin.views.ExpoView
@@ -19,6 +21,10 @@ class PolylineView(context: Context, appContext: AppContext) : ExpoView(context,
   private var polyline: Polyline? = null
   private var aMap: AMap? = null
   private var points: List<LatLng> = emptyList()
+  private var strokeWidth: Float = 10f
+  private var strokeColor: Int = Color.BLUE
+  private var isDotted: Boolean = false
+  private var isGeodesic: Boolean = false
   private var textureUrl: String? = null
   
   /**
@@ -50,8 +56,11 @@ class PolylineView(context: Context, appContext: AppContext) : ExpoView(context,
    * 设置线宽
    */
   fun setStrokeWidth(width: Float) {
+    // Android 需要乘以屏幕密度以匹配 iOS 的视觉效果
+    val density = context.resources.displayMetrics.density
+    strokeWidth = width * density
     polyline?.let {
-      it.width = width
+      it.width = strokeWidth
     } ?: createOrUpdatePolyline()
   }
   
@@ -59,6 +68,7 @@ class PolylineView(context: Context, appContext: AppContext) : ExpoView(context,
    * 设置线条颜色
    */
   fun setStrokeColor(color: Int) {
+    strokeColor = color
     polyline?.let {
       it.color = color
     } ?: createOrUpdatePolyline()
@@ -67,19 +77,17 @@ class PolylineView(context: Context, appContext: AppContext) : ExpoView(context,
   /**
    * 设置是否虚线
    */
-  fun setDashed(dashed: Boolean) {
-    polyline?.let {
-      it.isDottedLine = dashed
-    } ?: createOrUpdatePolyline()
+  fun setDotted(dotted: Boolean) {
+    isDotted = dotted
+    createOrUpdatePolyline()
   }
   
   /**
-   * 设置是否使用渐变色
+   * 设置是否绘制大地线
    */
-  fun setGradient(gradient: Boolean) {
-    polyline?.let {
-      it.isGeodesic = gradient
-    } ?: createOrUpdatePolyline()
+  fun setGeodesic(geodesic: Boolean) {
+    isGeodesic = geodesic
+    createOrUpdatePolyline()
   }
   
   /**
@@ -122,8 +130,14 @@ class PolylineView(context: Context, appContext: AppContext) : ExpoView(context,
       if (points.isNotEmpty()) {
         val options = PolylineOptions()
           .addAll(points)
-          .width(10f)
-          .color(Color.BLUE)
+          .width(strokeWidth)
+          .color(strokeColor)
+          .geodesic(isGeodesic)
+        
+        // 设置虚线样式
+        if (isDotted) {
+            options.dottedLineType = PolylineOptions.DOTTEDLINE_TYPE_SQUARE
+        }
         
         // 设置纹理
         textureUrl?.let { url ->
@@ -164,14 +178,66 @@ class PolylineView(context: Context, appContext: AppContext) : ExpoView(context,
         }
         
         polyline = map.addPolyline(options)
-        
-        map.setOnPolylineClickListener { clickedPolyline ->
-          if (clickedPolyline == polyline) {
-            onPress(mapOf("id" to clickedPolyline.id))
-          }
+      }
+    }
+  }
+  
+  /**
+   * 检查点击位置是否在折线附近
+   */
+  fun checkPress(latLng: LatLng): Boolean {
+    polyline?.let { line ->
+      val threshold = 20.0 // 20米容差
+      val linePoints = line.points
+      if (linePoints.size < 2) return false
+      
+      for (i in 0 until linePoints.size - 1) {
+        val distance = distanceToSegment(latLng, linePoints[i], linePoints[i + 1])
+        if (distance <= threshold) {
+          onPress(mapOf(
+            "latitude" to latLng.latitude,
+            "longitude" to latLng.longitude
+          ))
+          return true
         }
       }
     }
+    return false
+  }
+  
+  private fun distanceToSegment(point: LatLng, start: LatLng, end: LatLng): Double {
+    val p = android.location.Location("").apply {
+      latitude = point.latitude
+      longitude = point.longitude
+    }
+    val a = android.location.Location("").apply {
+      latitude = start.latitude
+      longitude = start.longitude
+    }
+    val b = android.location.Location("").apply {
+      latitude = end.latitude
+      longitude = end.longitude
+    }
+    
+    val ab = a.distanceTo(b).toDouble()
+    if (ab == 0.0) return a.distanceTo(p).toDouble()
+    
+    val t = maxOf(0.0, minOf(1.0,
+      ((point.latitude - start.latitude) * (end.latitude - start.latitude) +
+       (point.longitude - start.longitude) * (end.longitude - start.longitude)) / (ab * ab)
+    ))
+    
+    val projection = LatLng(
+      start.latitude + t * (end.latitude - start.latitude),
+      start.longitude + t * (end.longitude - start.longitude)
+    )
+    
+    val proj = android.location.Location("").apply {
+      latitude = projection.latitude
+      longitude = projection.longitude
+    }
+    
+    return p.distanceTo(proj).toDouble()
   }
   
   /**

package/build/ExpoGaodeMapView.d.ts

@@ -1,7 +1,52 @@
 import * as React from 'react';
-import type { MapViewProps, MapViewRef } from './types';
+import type { MapViewProps, MapViewRef, LatLng } from './types';
 export type { MapViewRef } from './types';
 export declare const MapContext: React.Context<React.RefObject<MapViewRef | null> | null>;
+type MarkerEventCallbacks = {
+    onPress?: () => void;
+    onDragStart?: () => void;
+    onDrag?: () => void;
+    onDragEnd?: (event: {
+        nativeEvent: LatLng;
+    }) => void;
+};
+declare class MarkerEventManager {
+    private callbacks;
+    register(markerId: string, callbacks: MarkerEventCallbacks): void;
+    unregister(markerId: string): void;
+    trigger(markerId: string, eventType: keyof MarkerEventCallbacks, data?: any): void;
+}
+export declare const MarkerEventContext: React.Context<MarkerEventManager | null>;
+type CircleEventCallbacks = {
+    onPress?: () => void;
+};
+declare class CircleEventManager {
+    private callbacks;
+    register(circleId: string, callbacks: CircleEventCallbacks): void;
+    unregister(circleId: string): void;
+    trigger(circleId: string, eventType: keyof CircleEventCallbacks): void;
+}
+export declare const CircleEventContext: React.Context<CircleEventManager | null>;
+type PolygonEventCallbacks = {
+    onPress?: () => void;
+};
+declare class PolygonEventManager {
+    private callbacks;
+    register(polygonId: string, callbacks: PolygonEventCallbacks): void;
+    unregister(polygonId: string): void;
+    trigger(polygonId: string, eventType: keyof PolygonEventCallbacks): void;
+}
+export declare const PolygonEventContext: React.Context<PolygonEventManager | null>;
+type PolylineEventCallbacks = {
+    onPress?: () => void;
+};
+declare class PolylineEventManager {
+    private callbacks;
+    register(polylineId: string, callbacks: PolylineEventCallbacks): void;
+    unregister(polylineId: string): void;
+    trigger(polylineId: string, eventType: keyof PolylineEventCallbacks): void;
+}
+export declare const PolylineEventContext: React.Context<PolylineEventManager | null>;
 /**
  * 高德地图视图组件，提供地图操作API和覆盖物管理功能
  *

package/build/ExpoGaodeMapView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpoGaodeMapView.d.ts","sourceRoot":"","sources":["../src/ExpoGaodeMapView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACV,YAAY,EACZ,UAAU,EASX,MAAM,SAAS,CAAC;AAGjB,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAK1C,eAAO,MAAM,UAAU,0DAAuE,CAAC;AAE/F;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,gBAAgB,iFA8MpB,CAAC;AAIH,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"ExpoGaodeMapView.d.ts","sourceRoot":"","sources":["../src/ExpoGaodeMapView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACV,YAAY,EACZ,UAAU,EAGV,MAAM,EAMP,MAAM,SAAS,CAAC;AAGjB,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAK1C,eAAO,MAAM,UAAU,0DAAuE,CAAC;AAG/F,KAAK,oBAAoB,GAAG;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,WAAW,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACtD,CAAC;AAEF,cAAM,kBAAkB;IACtB,OAAO,CAAC,SAAS,CAA2C;IAE5D,QAAQ,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,oBAAoB;IAI1D,UAAU,CAAC,QAAQ,EAAE,MAAM;IAI3B,OAAO,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,oBAAoB,EAAE,IAAI,CAAC,EAAE,GAAG;CAM5E;AAED,eAAO,MAAM,kBAAkB,0CAAuD,CAAC;AAGvF,KAAK,oBAAoB,GAAG;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,cAAM,kBAAkB;IACtB,OAAO,CAAC,SAAS,CAA2C;IAE5D,QAAQ,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,oBAAoB;IAI1D,UAAU,CAAC,QAAQ,EAAE,MAAM;IAI3B,OAAO,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,oBAAoB;CAMhE;AAED,eAAO,MAAM,kBAAkB,0CAAuD,CAAC;AAGvF,KAAK,qBAAqB,GAAG;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,cAAM,mBAAmB;IACvB,OAAO,CAAC,SAAS,CAA4C;IAE7D,QAAQ,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,qBAAqB;IAI5D,UAAU,CAAC,SAAS,EAAE,MAAM;IAI5B,OAAO,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,qBAAqB;CAMlE;AAED,eAAO,MAAM,mBAAmB,2CAAwD,CAAC;AAGzF,KAAK,sBAAsB,GAAG;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,cAAM,oBAAoB;IACxB,OAAO,CAAC,SAAS,CAA6C;IAE9D,QAAQ,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,sBAAsB;IAI9D,UAAU,CAAC,UAAU,EAAE,MAAM;IAI7B,OAAO,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,sBAAsB;CAMpE;AAED,eAAO,MAAM,oBAAoB,4CAAyD,CAAC;AAE3F;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,gBAAgB,iFAoSpB,CAAC;AAIH,eAAe,gBAAgB,CAAC"}

package/build/ExpoGaodeMapView.js

@@ -3,6 +3,70 @@ import * as React from 'react';
 const NativeView = requireNativeViewManager('ExpoGaodeMap');
 // 创建 Context 用于子组件访问 MapRef
 export const MapContext = React.createContext(null);
+class MarkerEventManager {
+    callbacks = new Map();
+    register(markerId, callbacks) {
+        this.callbacks.set(markerId, callbacks);
+    }
+    unregister(markerId) {
+        this.callbacks.delete(markerId);
+    }
+    trigger(markerId, eventType, data) {
+        const callbacks = this.callbacks.get(markerId);
+        if (callbacks && callbacks[eventType]) {
+            callbacks[eventType](data);
+        }
+    }
+}
+export const MarkerEventContext = React.createContext(null);
+class CircleEventManager {
+    callbacks = new Map();
+    register(circleId, callbacks) {
+        this.callbacks.set(circleId, callbacks);
+    }
+    unregister(circleId) {
+        this.callbacks.delete(circleId);
+    }
+    trigger(circleId, eventType) {
+        const callbacks = this.callbacks.get(circleId);
+        if (callbacks && callbacks[eventType]) {
+            callbacks[eventType]();
+        }
+    }
+}
+export const CircleEventContext = React.createContext(null);
+class PolygonEventManager {
+    callbacks = new Map();
+    register(polygonId, callbacks) {
+        this.callbacks.set(polygonId, callbacks);
+    }
+    unregister(polygonId) {
+        this.callbacks.delete(polygonId);
+    }
+    trigger(polygonId, eventType) {
+        const callbacks = this.callbacks.get(polygonId);
+        if (callbacks && callbacks[eventType]) {
+            callbacks[eventType]();
+        }
+    }
+}
+export const PolygonEventContext = React.createContext(null);
+class PolylineEventManager {
+    callbacks = new Map();
+    register(polylineId, callbacks) {
+        this.callbacks.set(polylineId, callbacks);
+    }
+    unregister(polylineId) {
+        this.callbacks.delete(polylineId);
+    }
+    trigger(polylineId, eventType) {
+        const callbacks = this.callbacks.get(polylineId);
+        if (callbacks && callbacks[eventType]) {
+            callbacks[eventType]();
+        }
+    }
+}
+export const PolylineEventContext = React.createContext(null);
 /**
  * 高德地图视图组件，提供地图操作API和覆盖物管理功能
  *
@@ -24,6 +88,65 @@ export const MapContext = React.createContext(null);
 const ExpoGaodeMapView = React.forwardRef((props, ref) => {
     const nativeRef = React.useRef(null);
     const internalRef = React.useRef(null);
+    const markerEventManager = React.useRef(new MarkerEventManager()).current;
+    const circleEventManager = React.useRef(new CircleEventManager()).current;
+    const polygonEventManager = React.useRef(new PolygonEventManager()).current;
+    const polylineEventManager = React.useRef(new PolylineEventManager()).current;
+    // 处理 Marker 事件
+    const handleMarkerPress = React.useCallback((event) => {
+        const markerId = event.nativeEvent?.markerId;
+        if (markerId) {
+            markerEventManager.trigger(markerId, 'onPress');
+        }
+        props.onMarkerPress?.(event);
+    }, [props.onMarkerPress]);
+    const handleMarkerDragStart = React.useCallback((event) => {
+        const markerId = event.nativeEvent?.markerId;
+        if (markerId) {
+            markerEventManager.trigger(markerId, 'onDragStart');
+        }
+        props.onMarkerDragStart?.(event);
+    }, [props.onMarkerDragStart]);
+    const handleMarkerDrag = React.useCallback((event) => {
+        const markerId = event.nativeEvent?.markerId;
+        if (markerId) {
+            markerEventManager.trigger(markerId, 'onDrag');
+        }
+        props.onMarkerDrag?.(event);
+    }, [props.onMarkerDrag]);
+    const handleMarkerDragEnd = React.useCallback((event) => {
+        const markerId = event.nativeEvent?.markerId;
+        if (markerId) {
+            markerEventManager.trigger(markerId, 'onDragEnd', {
+                nativeEvent: {
+                    latitude: event.nativeEvent.latitude,
+                    longitude: event.nativeEvent.longitude
+                }
+            });
+        }
+        props.onMarkerDragEnd?.(event);
+    }, [props.onMarkerDragEnd]);
+    const handleCirclePress = React.useCallback((event) => {
+        const circleId = event.nativeEvent?.circleId;
+        if (circleId) {
+            circleEventManager.trigger(circleId, 'onPress');
+        }
+        props.onCirclePress?.(event);
+    }, [props.onCirclePress]);
+    const handlePolygonPress = React.useCallback((event) => {
+        const polygonId = event.nativeEvent?.polygonId;
+        if (polygonId) {
+            polygonEventManager.trigger(polygonId, 'onPress');
+        }
+        props.onPolygonPress?.(event);
+    }, [props.onPolygonPress]);
+    const handlePolylinePress = React.useCallback((event) => {
+        const polylineId = event.nativeEvent?.polylineId;
+        if (polylineId) {
+            polylineEventManager.trigger(polylineId, 'onPress');
+        }
+        props.onPolylinePress?.(event);
+    }, [props.onPolylinePress]);
     const apiRef = React.useMemo(() => ({
         /**
          * 移动地图相机到指定位置
@@ -236,7 +359,17 @@ const ExpoGaodeMapView = React.forwardRef((props, ref) => {
      */
     React.useImperativeHandle(ref, () => apiRef, [apiRef]);
     return (<MapContext.Provider value={internalRef}>
-      <NativeView ref={nativeRef} {...props}/>
+      <MarkerEventContext.Provider value={markerEventManager}>
+        <CircleEventContext.Provider value={circleEventManager}>
+          <PolygonEventContext.Provider value={polygonEventManager}>
+            <PolylineEventContext.Provider value={polylineEventManager}>
+              <NativeView ref={nativeRef} {...props} onMarkerPress={handleMarkerPress} onMarkerDragStart={handleMarkerDragStart} onMarkerDrag={handleMarkerDrag} onMarkerDragEnd={handleMarkerDragEnd} onCirclePress={handleCirclePress} onPolygonPress={handlePolygonPress} onPolylinePress={handlePolylinePress}>
+                {props.children}
+              </NativeView>
+            </PolylineEventContext.Provider>
+          </PolygonEventContext.Provider>
+        </CircleEventContext.Provider>
+      </MarkerEventContext.Provider>
     </MapContext.Provider>);
 });
 ExpoGaodeMapView.displayName = 'ExpoGaodeMapView';