expo-gaode-map 1.0.1 → 1.0.3

package/build/components/overlays/Cluster.d.ts

@@ -1,22 +1,10 @@
 import * as React from 'react';
 import type { ClusterProps } from '../../types';
 /**
- * 地图点聚合组件
- * 将相近的标记点聚合显示，提高大量标记的展示性能
+ * 高德地图点聚合组件
  *
- * @example
- * ```tsx
- * <MapView>
- *   <Cluster
- *     points={[
- *       { latitude: 39.9, longitude: 116.4, id: '1' },
- *       { latitude: 39.91, longitude: 116.41, id: '2' },
- *     ]}
- *     radius={60}
- *     minClusterSize={2}
- *   />
- * </MapView>
- * ```
+ * @param props 点聚合组件的属性配置
+ * @returns 渲染原生点聚合组件
  */
 export default function Cluster(props: ClusterProps): React.JSX.Element;
 //# sourceMappingURL=Cluster.d.ts.map

package/build/components/overlays/Cluster.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Cluster.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/Cluster.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAIhD;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,qBAElD"}
+{"version":3,"file":"Cluster.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/Cluster.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAKhD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,qBAElD"}

package/build/components/overlays/Cluster.js

@@ -1,33 +1,11 @@
-/*
- * @Author       : 尚博信_王强 wangqiang03@sunboxsoft.com
- * @Date         : 2025-11-13 15:02:50
- * @LastEditors  : 尚博信_王强 wangqiang03@sunboxsoft.com
- * @LastEditTime : 2025-11-13 18:19:20
- * @FilePath     : /expo-gaode-map/src/components/overlays/Cluster.tsx
- * @Description  : 地图点聚合组件
- *
- * Copyright (c) 2025 by 尚博信_王强, All Rights Reserved.
- */
 import { requireNativeViewManager } from 'expo-modules-core';
 import * as React from 'react';
 const NativeCluster = requireNativeViewManager('ExpoGaodeMap_ClusterView');
 /**
- * 地图点聚合组件
- * 将相近的标记点聚合显示，提高大量标记的展示性能
+ * 高德地图点聚合组件
  *
- * @example
- * ```tsx
- * <MapView>
- *   <Cluster
- *     points={[
- *       { latitude: 39.9, longitude: 116.4, id: '1' },
- *       { latitude: 39.91, longitude: 116.41, id: '2' },
- *     ]}
- *     radius={60}
- *     minClusterSize={2}
- *   />
- * </MapView>
- * ```
+ * @param props 点聚合组件的属性配置
+ * @returns 渲染原生点聚合组件
  */
 export default function Cluster(props) {
     return <NativeCluster {...props}/>;

package/build/components/overlays/Cluster.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cluster.js","sourceRoot":"","sources":["../../../src/components/overlays/Cluster.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,aAAa,GAAG,wBAAwB,CAAC,0BAA0B,CAAC,CAAC;AAE3E;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAmB;IACjD,OAAO,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACtC,CAAC","sourcesContent":["/*\n * @Author       : 尚博信_王强 wangqiang03@sunboxsoft.com\n * @Date         : 2025-11-13 15:02:50\n * @LastEditors  : 尚博信_王强 wangqiang03@sunboxsoft.com\n * @LastEditTime : 2025-11-13 18:19:20\n * @FilePath     : /expo-gaode-map/src/components/overlays/Cluster.tsx\n * @Description  : 地图点聚合组件\n * \n * Copyright (c) 2025 by 尚博信_王强, All Rights Reserved. \n */\n\nimport { requireNativeViewManager } from 'expo-modules-core';\nimport * as React from 'react';\nimport type { ClusterProps } from '../../types';\n\nconst NativeCluster = requireNativeViewManager('ExpoGaodeMap_ClusterView');\n\n/**\n * 地图点聚合组件\n * 将相近的标记点聚合显示，提高大量标记的展示性能\n * \n * @example\n * ```tsx\n * <MapView>\n *   <Cluster\n *     points={[\n *       { latitude: 39.9, longitude: 116.4, id: '1' },\n *       { latitude: 39.91, longitude: 116.41, id: '2' },\n *     ]}\n *     radius={60}\n *     minClusterSize={2}\n *   />\n * </MapView>\n * ```\n */\nexport default function Cluster(props: ClusterProps) {\n  return <NativeCluster {...props} />;\n}\n"]}
+{"version":3,"file":"Cluster.js","sourceRoot":"","sources":["../../../src/components/overlays/Cluster.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,aAAa,GAAG,wBAAwB,CAAC,0BAA0B,CAAC,CAAC;AAG3E;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAmB;IACjD,OAAO,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACtC,CAAC","sourcesContent":["import { requireNativeViewManager } from 'expo-modules-core';\nimport * as React from 'react';\nimport type { ClusterProps } from '../../types';\n\nconst NativeCluster = requireNativeViewManager('ExpoGaodeMap_ClusterView');\n\n\n/**\n * 高德地图点聚合组件\n * \n * @param props 点聚合组件的属性配置\n * @returns 渲染原生点聚合组件\n */\nexport default function Cluster(props: ClusterProps) {\n  return <NativeCluster {...props} />;\n}\n"]}

package/build/components/overlays/HeatMap.d.ts

@@ -1,21 +1,10 @@
 import * as React from 'react';
 import type { HeatMapProps } from '../../types';
 /**
- * 地图热力图组件
+ * 高德地图热力图组件
  *
- * @example
- * ```tsx
- * <MapView>
- *   <HeatMap
- *     data={[
- *       { latitude: 39.9, longitude: 116.4, intensity: 100 },
- *       { latitude: 39.91, longitude: 116.41, intensity: 80 },
- *     ]}
- *     radius={50}
- *     opacity={0.6}
- *   />
- * </MapView>
- * ```
+ * @param props - 热力图配置属性，继承自NativeHeatMap组件的属性
+ * @returns 渲染高德地图原生热力图组件
  */
 export default function HeatMap(props: HeatMapProps): React.JSX.Element;
 //# sourceMappingURL=HeatMap.d.ts.map

package/build/components/overlays/HeatMap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeatMap.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/HeatMap.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAIhD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,qBAElD"}
+{"version":3,"file":"HeatMap.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/HeatMap.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAKhD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,qBAElD"}

package/build/components/overlays/HeatMap.js

@@ -1,32 +1,11 @@
-/*
- * @Author       : 尚博信_王强 wangqiang03@sunboxsoft.com
- * @Date         : 2025-11-13 15:02:15
- * @LastEditors  : 尚博信_王强 wangqiang03@sunboxsoft.com
- * @LastEditTime : 2025-11-13 18:12:07
- * @FilePath     : /expo-gaode-map/src/components/overlays/HeatMap.tsx
- * @Description  : 地图热力图组件
- *
- * Copyright (c) 2025 by 尚博信_王强, All Rights Reserved.
- */
 import { requireNativeViewManager } from 'expo-modules-core';
 import * as React from 'react';
 const NativeHeatMap = requireNativeViewManager('ExpoGaodeMap_HeatMapView');
 /**
- * 地图热力图组件
+ * 高德地图热力图组件
  *
- * @example
- * ```tsx
- * <MapView>
- *   <HeatMap
- *     data={[
- *       { latitude: 39.9, longitude: 116.4, intensity: 100 },
- *       { latitude: 39.91, longitude: 116.41, intensity: 80 },
- *     ]}
- *     radius={50}
- *     opacity={0.6}
- *   />
- * </MapView>
- * ```
+ * @param props - 热力图配置属性，继承自NativeHeatMap组件的属性
+ * @returns 渲染高德地图原生热力图组件
  */
 export default function HeatMap(props) {
     return <NativeHeatMap {...props}/>;

package/build/components/overlays/HeatMap.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeatMap.js","sourceRoot":"","sources":["../../../src/components/overlays/HeatMap.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,aAAa,GAAG,wBAAwB,CAAC,0BAA0B,CAAC,CAAC;AAE3E;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAmB;IACjD,OAAO,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACtC,CAAC","sourcesContent":["/*\n * @Author       : 尚博信_王强 wangqiang03@sunboxsoft.com\n * @Date         : 2025-11-13 15:02:15\n * @LastEditors  : 尚博信_王强 wangqiang03@sunboxsoft.com\n * @LastEditTime : 2025-11-13 18:12:07\n * @FilePath     : /expo-gaode-map/src/components/overlays/HeatMap.tsx\n * @Description  : 地图热力图组件\n * \n * Copyright (c) 2025 by 尚博信_王强, All Rights Reserved. \n */\n\nimport { requireNativeViewManager } from 'expo-modules-core';\nimport * as React from 'react';\nimport type { HeatMapProps } from '../../types';\n\nconst NativeHeatMap = requireNativeViewManager('ExpoGaodeMap_HeatMapView');\n\n/**\n * 地图热力图组件\n * \n * @example\n * ```tsx\n * <MapView>\n *   <HeatMap\n *     data={[\n *       { latitude: 39.9, longitude: 116.4, intensity: 100 },\n *       { latitude: 39.91, longitude: 116.41, intensity: 80 },\n *     ]}\n *     radius={50}\n *     opacity={0.6}\n *   />\n * </MapView>\n * ```\n */\nexport default function HeatMap(props: HeatMapProps) {\n  return <NativeHeatMap {...props} />;\n}\n"]}
+{"version":3,"file":"HeatMap.js","sourceRoot":"","sources":["../../../src/components/overlays/HeatMap.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,aAAa,GAAG,wBAAwB,CAAC,0BAA0B,CAAC,CAAC;AAG3E;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAmB;IACjD,OAAO,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACtC,CAAC","sourcesContent":["import { requireNativeViewManager } from 'expo-modules-core';\nimport * as React from 'react';\nimport type { HeatMapProps } from '../../types';\n\nconst NativeHeatMap = requireNativeViewManager('ExpoGaodeMap_HeatMapView');\n\n\n/**\n * 高德地图热力图组件\n * \n * @param props - 热力图配置属性，继承自NativeHeatMap组件的属性\n * @returns 渲染高德地图原生热力图组件\n */\nexport default function HeatMap(props: HeatMapProps) {\n  return <NativeHeatMap {...props} />;\n}\n"]}

package/build/components/overlays/Marker.d.ts

@@ -1,17 +1,4 @@
+import * as React from 'react';
 import type { MarkerProps } from '../../types';
-/**
- * 地图标记组件
- *
- * @example
- * ```tsx
- * <MapView>
- *   <Marker
- *     position={{ latitude: 39.9, longitude: 116.4 }}
- *     title="标记点"
- *     onPress={() => console.log('Marker pressed')}
- *   />
- * </MapView>
- * ```
- */
-export default function Marker(props: MarkerProps): null;
+export default function Marker(props: MarkerProps): React.JSX.Element;
 //# sourceMappingURL=Marker.d.ts.map

package/build/components/overlays/Marker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Marker.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/Marker.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,QAoChD"}
+{"version":3,"file":"Marker.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/Marker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,qBAEhD"}

package/build/components/overlays/Marker.js

@@ -1,57 +1,71 @@
-/*
- * @Author       : 尚博信_王强 wangqiang03@sunboxsoft.com
- * @Date         : 2025-11-13 15:01:10
- * @LastEditors  : 尚博信_王强 wangqiang03@sunboxsoft.com
- * @LastEditTime : 2025-11-13 18:55:00
- * @FilePath     : /expo-gaode-map/src/components/overlays/Marker.tsx
- * @Description  : 地图标记组件 - 使用命令式 API
- *
- * Copyright (c) 2025 by 尚博信_王强, All Rights Reserved.
- */
 import * as React from 'react';
-import { MapContext } from '../../ExpoGaodeMapView';
-/**
- * 地图标记组件
- *
- * @example
- * ```tsx
- * <MapView>
- *   <Marker
- *     position={{ latitude: 39.9, longitude: 116.4 }}
- *     title="标记点"
- *     onPress={() => console.log('Marker pressed')}
- *   />
- * </MapView>
- * ```
- */
+import { Image } from 'react-native';
+import { MapContext, MarkerEventContext } from '../../ExpoGaodeMapView';
 export default function Marker(props) {
+    return <MarkerImperative {...props}/>;
+}
+function MarkerImperative(props) {
     const mapRef = React.useContext(MapContext);
-    const markerIdRef = React.useRef(`marker_${Date.now()}_${Math.random()}`);
-    console.log('Marker 组件渲染，props:', props);
-    // 添加标记
+    const eventManager = React.useContext(MarkerEventContext);
+    const markerIdRef = React.useRef(null);
+    const propsRef = React.useRef(props);
+    React.useEffect(() => {
+        propsRef.current = props;
+    }, [props]);
     React.useEffect(() => {
-        const markerId = markerIdRef.current;
-        console.log('Marker useEffect - 添加标记到地图');
-        mapRef?.current?.addMarker?.(markerId, props).then(() => {
-            console.log('✅ 标记已添加:', markerId);
-        }).catch((error) => {
-            console.error('❌ 添加标记失败:', error);
-        });
+        const checkAndAdd = () => {
+            if (!mapRef?.current) {
+                setTimeout(checkAndAdd, 50);
+                return;
+            }
+            const markerId = `marker_${Date.now()}_${Math.random()}`;
+            markerIdRef.current = markerId;
+            if (eventManager) {
+                eventManager.register(markerId, {
+                    onPress: props.onPress,
+                    onDragStart: props.onDragStart,
+                    onDrag: props.onDrag,
+                    onDragEnd: props.onDragEnd,
+                });
+            }
+            const processedProps = { ...propsRef.current };
+            if (processedProps.icon && typeof processedProps.icon === 'number') {
+                const resolved = Image.resolveAssetSource(processedProps.icon);
+                processedProps.icon = resolved;
+            }
+            mapRef.current.addMarker(markerId, processedProps);
+        };
+        checkAndAdd();
         return () => {
-            console.log('Marker useEffect cleanup - 移除标记');
-            mapRef?.current?.removeMarker?.(markerId).catch((error) => {
-                console.error('❌ 移除标记失败:', error);
-            });
+            if (markerIdRef.current) {
+                if (eventManager) {
+                    eventManager.unregister(markerIdRef.current);
+                }
+                if (mapRef?.current) {
+                    mapRef.current.removeMarker(markerIdRef.current);
+                }
+            }
         };
     }, []);
-    // 监听 Props 变化，更新标记
     React.useEffect(() => {
-        const markerId = markerIdRef.current;
-        console.log('Marker props 变化，更新标记:', props);
-        mapRef?.current?.updateMarker?.(markerId, props).catch((error) => {
-            console.error('❌ 更新标记失败:', error);
-        });
-    }, [props.position, props.title, props.draggable]);
+        if (markerIdRef.current && mapRef?.current) {
+            const processedProps = { ...props };
+            if (processedProps.icon && typeof processedProps.icon === 'number') {
+                const resolved = Image.resolveAssetSource(processedProps.icon);
+                processedProps.icon = resolved;
+            }
+            mapRef.current.updateMarker(markerIdRef.current, processedProps);
+        }
+    }, [
+        props.position?.latitude,
+        props.position?.longitude,
+        props.title,
+        props.draggable,
+        props.icon,
+        props.iconWidth,
+        props.iconHeight,
+        props.pinColor
+    ]);
     return null;
 }
 //# sourceMappingURL=Marker.js.map

package/build/components/overlays/Marker.js.map

@@ -1 +1 @@
-{"version":3,"file":"Marker.js","sourceRoot":"","sources":["../../../src/components/overlays/Marker.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAGpD;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAkB;IAC/C,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;IAC5C,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAS,UAAU,IAAI,CAAC,GAAG,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAElF,OAAO,CAAC,GAAG,CAAC,oBAAoB,EAAE,KAAK,CAAC,CAAC;IAEzC,OAAO;IACP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC;QAErC,OAAO,CAAC,GAAG,CAAC,4BAA4B,CAAC,CAAC;QAC1C,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;YACtD,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAU,EAAE,EAAE;YACtB,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,GAAG,CAAC,iCAAiC,CAAC,CAAC;YAC/C,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC,KAAU,EAAE,EAAE;gBAC7D,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;YACpC,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,mBAAmB;IACnB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC;QAErC,OAAO,CAAC,GAAG,CAAC,uBAAuB,EAAE,KAAK,CAAC,CAAC;QAC5C,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAU,EAAE,EAAE;YACpE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAEnD,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["/*\n * @Author       : 尚博信_王强 wangqiang03@sunboxsoft.com\n * @Date         : 2025-11-13 15:01:10\n * @LastEditors  : 尚博信_王强 wangqiang03@sunboxsoft.com\n * @LastEditTime : 2025-11-13 18:55:00\n * @FilePath     : /expo-gaode-map/src/components/overlays/Marker.tsx\n * @Description  : 地图标记组件 - 使用命令式 API\n * \n * Copyright (c) 2025 by 尚博信_王强, All Rights Reserved. \n */\n\nimport * as React from 'react';\nimport { MapContext } from '../../ExpoGaodeMapView';\nimport type { MarkerProps } from '../../types';\n\n/**\n * 地图标记组件\n * \n * @example\n * ```tsx\n * <MapView>\n *   <Marker\n *     position={{ latitude: 39.9, longitude: 116.4 }}\n *     title=\"标记点\"\n *     onPress={() => console.log('Marker pressed')}\n *   />\n * </MapView>\n * ```\n */\nexport default function Marker(props: MarkerProps) {\n  const mapRef = React.useContext(MapContext);\n  const markerIdRef = React.useRef<string>(`marker_${Date.now()}_${Math.random()}`);\n\n  console.log('Marker 组件渲染，props:', props);\n\n  // 添加标记\n  React.useEffect(() => {\n    const markerId = markerIdRef.current;\n    \n    console.log('Marker useEffect - 添加标记到地图');\n    mapRef?.current?.addMarker?.(markerId, props).then(() => {\n      console.log('✅ 标记已添加:', markerId);\n    }).catch((error: any) => {\n      console.error('❌ 添加标记失败:', error);\n    });\n\n    return () => {\n      console.log('Marker useEffect cleanup - 移除标记');\n      mapRef?.current?.removeMarker?.(markerId).catch((error: any) => {\n        console.error('❌ 移除标记失败:', error);\n      });\n    };\n  }, []);\n\n  // 监听 Props 变化，更新标记\n  React.useEffect(() => {\n    const markerId = markerIdRef.current;\n    \n    console.log('Marker props 变化，更新标记:', props);\n    mapRef?.current?.updateMarker?.(markerId, props).catch((error: any) => {\n      console.error('❌ 更新标记失败:', error);\n    });\n  }, [props.position, props.title, props.draggable]);\n\n  return null;\n}\n"]}
+{"version":3,"file":"Marker.js","sourceRoot":"","sources":["../../../src/components/overlays/Marker.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { Image } from 'react-native';\nimport { MapContext, MarkerEventContext } from '../../ExpoGaodeMapView';\nimport type { MarkerProps } from '../../types';\n\nexport default function Marker(props: MarkerProps) {\n  return <MarkerImperative {...props} />;\n}\n\nfunction MarkerImperative(props: MarkerProps) {\n  const mapRef = React.useContext(MapContext);\n  const eventManager = React.useContext(MarkerEventContext);\n  const markerIdRef = React.useRef<string | null>(null);\n  const propsRef = React.useRef(props);\n  \n  React.useEffect(() => {\n    propsRef.current = props;\n  }, [props]);\n  \n  React.useEffect(() => {\n    const checkAndAdd = () => {\n      if (!mapRef?.current) {\n        setTimeout(checkAndAdd, 50);\n        return;\n      }\n      \n      const markerId = `marker_${Date.now()}_${Math.random()}`;\n      markerIdRef.current = markerId;\n      \n      if (eventManager) {\n        eventManager.register(markerId, {\n          onPress: props.onPress,\n          onDragStart: props.onDragStart,\n          onDrag: props.onDrag,\n          onDragEnd: props.onDragEnd,\n        });\n      }\n      \n      const processedProps = { ...propsRef.current };\n      if (processedProps.icon && typeof processedProps.icon === 'number') {\n        const resolved = Image.resolveAssetSource(processedProps.icon);\n        processedProps.icon = resolved;\n      }\n      \n      mapRef.current.addMarker(markerId, processedProps);\n    };\n    \n    checkAndAdd();\n    \n    return () => {\n      if (markerIdRef.current) {\n        if (eventManager) {\n          eventManager.unregister(markerIdRef.current);\n        }\n        if (mapRef?.current) {\n          mapRef.current.removeMarker(markerIdRef.current);\n        }\n      }\n    };\n  }, []);\n\n  React.useEffect(() => {\n    if (markerIdRef.current && mapRef?.current) {\n      const processedProps = { ...props };\n      if (processedProps.icon && typeof processedProps.icon === 'number') {\n        const resolved = Image.resolveAssetSource(processedProps.icon);\n        processedProps.icon = resolved;\n      }\n      mapRef.current.updateMarker(markerIdRef.current, processedProps);\n    }\n  }, [\n    props.position?.latitude,\n    props.position?.longitude,\n    props.title,\n    props.draggable,\n    props.icon,\n    props.iconWidth,\n    props.iconHeight,\n    props.pinColor\n  ]);\n  \n  return null;\n}\n"]}

package/build/components/overlays/MultiPoint.d.ts

@@ -1,21 +1,10 @@
 import * as React from 'react';
 import type { MultiPointProps } from '../../types';
 /**
- * 地图海量点组件
- * 用于展示大量标记点，性能优于普通 Marker
+ * 高德地图多点标记组件
  *
- * @example
- * ```tsx
- * <MapView>
- *   <MultiPoint
- *     points={[
- *       { latitude: 39.9, longitude: 116.4, id: '1' },
- *       { latitude: 39.91, longitude: 116.41, id: '2' },
- *     ]}
- *     icon={require('./marker.png')}
- *   />
- * </MapView>
- * ```
+ * @param props 多点标记的配置属性，继承自MultiPointProps接口
+ * @returns 渲染原生高德地图多点标记组件
  */
 export default function MultiPoint(props: MultiPointProps): React.JSX.Element;
 //# sourceMappingURL=MultiPoint.d.ts.map

package/build/components/overlays/MultiPoint.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiPoint.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/MultiPoint.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAInD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,eAAe,qBAExD"}
+{"version":3,"file":"MultiPoint.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/MultiPoint.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAKnD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,eAAe,qBAExD"}

package/build/components/overlays/MultiPoint.js

@@ -1,32 +1,11 @@
-/*
- * @Author       : 尚博信_王强 wangqiang03@sunboxsoft.com
- * @Date         : 2025-11-13 15:02:35
- * @LastEditors  : 尚博信_王强 wangqiang03@sunboxsoft.com
- * @LastEditTime : 2025-11-13 18:19:09
- * @FilePath     : /expo-gaode-map/src/components/overlays/MultiPoint.tsx
- * @Description  : 地图海量点组件
- *
- * Copyright (c) 2025 by 尚博信_王强, All Rights Reserved.
- */
 import { requireNativeViewManager } from 'expo-modules-core';
 import * as React from 'react';
 const NativeMultiPoint = requireNativeViewManager('ExpoGaodeMap_MultiPointView');
 /**
- * 地图海量点组件
- * 用于展示大量标记点，性能优于普通 Marker
+ * 高德地图多点标记组件
  *
- * @example
- * ```tsx
- * <MapView>
- *   <MultiPoint
- *     points={[
- *       { latitude: 39.9, longitude: 116.4, id: '1' },
- *       { latitude: 39.91, longitude: 116.41, id: '2' },
- *     ]}
- *     icon={require('./marker.png')}
- *   />
- * </MapView>
- * ```
+ * @param props 多点标记的配置属性，继承自MultiPointProps接口
+ * @returns 渲染原生高德地图多点标记组件
  */
 export default function MultiPoint(props) {
     return <NativeMultiPoint {...props}/>;

package/build/components/overlays/MultiPoint.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiPoint.js","sourceRoot":"","sources":["../../../src/components/overlays/MultiPoint.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,gBAAgB,GAAG,wBAAwB,CAAC,6BAA6B,CAAC,CAAC;AAEjF;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAsB;IACvD,OAAO,CAAC,gBAAgB,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACzC,CAAC","sourcesContent":["/*\n * @Author       : 尚博信_王强 wangqiang03@sunboxsoft.com\n * @Date         : 2025-11-13 15:02:35\n * @LastEditors  : 尚博信_王强 wangqiang03@sunboxsoft.com\n * @LastEditTime : 2025-11-13 18:19:09\n * @FilePath     : /expo-gaode-map/src/components/overlays/MultiPoint.tsx\n * @Description  : 地图海量点组件\n * \n * Copyright (c) 2025 by 尚博信_王强, All Rights Reserved. \n */\n\nimport { requireNativeViewManager } from 'expo-modules-core';\nimport * as React from 'react';\nimport type { MultiPointProps } from '../../types';\n\nconst NativeMultiPoint = requireNativeViewManager('ExpoGaodeMap_MultiPointView');\n\n/**\n * 地图海量点组件\n * 用于展示大量标记点，性能优于普通 Marker\n * \n * @example\n * ```tsx\n * <MapView>\n *   <MultiPoint\n *     points={[\n *       { latitude: 39.9, longitude: 116.4, id: '1' },\n *       { latitude: 39.91, longitude: 116.41, id: '2' },\n *     ]}\n *     icon={require('./marker.png')}\n *   />\n * </MapView>\n * ```\n */\nexport default function MultiPoint(props: MultiPointProps) {\n  return <NativeMultiPoint {...props} />;\n}\n"]}
+{"version":3,"file":"MultiPoint.js","sourceRoot":"","sources":["../../../src/components/overlays/MultiPoint.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,gBAAgB,GAAG,wBAAwB,CAAC,6BAA6B,CAAC,CAAC;AAGjF;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAsB;IACvD,OAAO,CAAC,gBAAgB,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACzC,CAAC","sourcesContent":["import { requireNativeViewManager } from 'expo-modules-core';\nimport * as React from 'react';\nimport type { MultiPointProps } from '../../types';\n\nconst NativeMultiPoint = requireNativeViewManager('ExpoGaodeMap_MultiPointView');\n\n\n/**\n * 高德地图多点标记组件\n * \n * @param props 多点标记的配置属性，继承自MultiPointProps接口\n * @returns 渲染原生高德地图多点标记组件\n */\nexport default function MultiPoint(props: MultiPointProps) {\n  return <NativeMultiPoint {...props} />;\n}\n"]}

package/build/components/overlays/Polygon.d.ts

@@ -1,22 +1,19 @@
 import type { PolygonProps } from '../../types';
 /**
- * 地图多边形组件 - 命令式 API
+ * 高德地图多边形覆盖物组件
  *
- * @example
- * ```tsx
- * <MapView>
- *   <Polygon
- *     points={[
- *       { latitude: 39.9, longitude: 116.4 },
- *       { latitude: 39.91, longitude: 116.41 },
- *       { latitude: 39.92, longitude: 116.40 },
- *     ]}
- *     fillColor={0x44FF0000}
- *     strokeColor={-65536}
- *     strokeWidth={5}
- *   />
- * </MapView>
- * ```
+ * @param props - 多边形配置属性
+ * @param props.points - 多边形顶点坐标数组，至少需要3个点
+ * @param props.fillColor - 多边形填充颜色，十六进制格式，默认0x440000FF
+ * @param props.strokeColor - 多边形边框颜色，默认-16776961
+ * @param props.strokeWidth - 多边形边框宽度，默认10
+ * @param props.zIndex - 多边形层级，默认0
+ *
+ * @remarks
+ * 组件内部会自动生成唯一ID用于标识多边形，并在组件挂载时添加到地图，
+ * 更新时同步修改多边形属性，卸载时自动移除多边形。
+ *
+ * 注意：points数组长度必须大于等于3才能有效绘制多边形。
  */
 export default function Polygon(props: PolygonProps): null;
 //# sourceMappingURL=Polygon.d.ts.map

package/build/components/overlays/Polygon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Polygon.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/Polygon.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,QAuElD"}
+{"version":3,"file":"Polygon.d.ts","sourceRoot":"","sources":["../../../src/components/overlays/Polygon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAIhD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,QAuDlD"}

package/build/components/overlays/Polygon.js

@@ -1,98 +1,64 @@
-/*
- * @Author       : 尚博信_王强 wangqiang03@sunboxsoft.com
- * @Date         : 2025-11-13 15:01:45
- * @LastEditors  : 尚博信_王强 wangqiang03@sunboxsoft.com
- * @LastEditTime : 2025-11-13 19:24:22
- * @FilePath     : /expo-gaode-map/src/components/overlays/Polygon.tsx
- * @Description  : 地图多边形组件 - 命令式 API
- *
- * Copyright (c) 2025 by 尚博信_王强, All Rights Reserved.
- */
 import { useContext, useEffect, useRef } from 'react';
 import { MapContext } from '../../ExpoGaodeMapView';
 /**
- * 地图多边形组件 - 命令式 API
+ * 高德地图多边形覆盖物组件
+ *
+ * @param props - 多边形配置属性
+ * @param props.points - 多边形顶点坐标数组，至少需要3个点
+ * @param props.fillColor - 多边形填充颜色，十六进制格式，默认0x440000FF
+ * @param props.strokeColor - 多边形边框颜色，默认-16776961
+ * @param props.strokeWidth - 多边形边框宽度，默认10
+ * @param props.zIndex - 多边形层级，默认0
  *
- * @example
- * ```tsx
- * <MapView>
- *   <Polygon
- *     points={[
- *       { latitude: 39.9, longitude: 116.4 },
- *       { latitude: 39.91, longitude: 116.41 },
- *       { latitude: 39.92, longitude: 116.40 },
- *     ]}
- *     fillColor={0x44FF0000}
- *     strokeColor={-65536}
- *     strokeWidth={5}
- *   />
- * </MapView>
- * ```
+ * @remarks
+ * 组件内部会自动生成唯一ID用于标识多边形，并在组件挂载时添加到地图，
+ * 更新时同步修改多边形属性，卸载时自动移除多边形。
+ *
+ * 注意：points数组长度必须大于等于3才能有效绘制多边形。
  */
 export default function Polygon(props) {
     const { points, fillColor, strokeColor, strokeWidth, zIndex } = props;
     const nativeRef = useContext(MapContext);
-    const polygonIdRef = useRef(`polygon_${Date.now()}_${Math.random()}`);
+    const polygonIdRef = useRef(null);
+    const propsRef = useRef(props);
     useEffect(() => {
-        const polygonId = polygonIdRef.current;
-        // 添加多边形
-        if (nativeRef?.current && points && points.length >= 3) {
-            try {
-                console.log('🟦 Polygon 组件调用 addPolygon:', polygonId, {
-                    points,
-                    fillColor: fillColor ?? 0x440000FF,
-                    strokeColor: strokeColor ?? -16776961,
-                    strokeWidth: strokeWidth ?? 10,
-                    zIndex: zIndex ?? 0,
-                });
+        propsRef.current = props;
+    }, [props]);
+    useEffect(() => {
+        const checkAndAdd = () => {
+            if (!nativeRef?.current) {
+                setTimeout(checkAndAdd, 50);
+                return;
+            }
+            const polygonId = `polygon_${Date.now()}_${Math.random()}`;
+            polygonIdRef.current = polygonId;
+            const { points, fillColor, strokeColor, strokeWidth, zIndex } = propsRef.current;
+            if (points && points.length >= 3) {
                 nativeRef.current.addPolygon(polygonId, {
                     points,
-                    fillColor: fillColor ?? 0x440000FF,
-                    strokeColor: strokeColor ?? -16776961,
+                    fillColor: fillColor ?? '#880000FF',
+                    strokeColor: strokeColor ?? '#FFFF0000',
                     strokeWidth: strokeWidth ?? 10,
                     zIndex: zIndex ?? 0,
                 });
-                console.log('✅ Polygon addPolygon 调用完成');
             }
-            catch (error) {
-                console.error('❌ 添加多边形失败:', error);
-            }
-        }
-        else {
-            console.warn('⚠️ Polygon 组件条件不满足:', {
-                hasNativeRef: !!nativeRef?.current,
-                hasPoints: !!points,
-                pointsLength: points?.length,
-            });
-        }
-        // 清理函数
+        };
+        checkAndAdd();
         return () => {
-            if (nativeRef?.current) {
-                try {
-                    nativeRef.current.removePolygon(polygonId);
-                }
-                catch (error) {
-                    console.error('移除多边形失败:', error);
-                }
+            if (polygonIdRef.current && nativeRef?.current) {
+                nativeRef.current.removePolygon(polygonIdRef.current);
             }
         };
     }, []);
-    // 更新多边形属性
     useEffect(() => {
-        const polygonId = polygonIdRef.current;
-        if (nativeRef?.current) {
-            try {
-                nativeRef.current.updatePolygon(polygonId, {
-                    points,
-                    fillColor,
-                    strokeColor,
-                    strokeWidth,
-                    zIndex,
-                });
-            }
-            catch (error) {
-                console.error('更新多边形失败:', error);
-            }
+        if (polygonIdRef.current && nativeRef?.current) {
+            nativeRef.current.updatePolygon(polygonIdRef.current, {
+                points,
+                fillColor,
+                strokeColor,
+                strokeWidth,
+                zIndex,
+            });
         }
     }, [points, fillColor, strokeColor, strokeWidth, zIndex]);
     return null;

package/build/components/overlays/Polygon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Polygon.js","sourceRoot":"","sources":["../../../src/components/overlays/Polygon.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Author       : 尚博信_王强 wangqiang03@sunboxsoft.com\n * @Date         : 2025-11-13 15:01:45\n * @LastEditors  : 尚博信_王强 wangqiang03@sunboxsoft.com\n * @LastEditTime : 2025-11-13 19:24:22\n * @FilePath     : /expo-gaode-map/src/components/overlays/Polygon.tsx\n * @Description  : 地图多边形组件 - 命令式 API\n * \n * Copyright (c) 2025 by 尚博信_王强, All Rights Reserved. \n */\n\n\nimport { useContext, useEffect, useRef } from 'react';\nimport type { PolygonProps } from '../../types';\nimport { MapContext } from '../../ExpoGaodeMapView';\n\n/**\n * 地图多边形组件 - 命令式 API\n * \n * @example\n * ```tsx\n * <MapView>\n *   <Polygon\n *     points={[\n *       { latitude: 39.9, longitude: 116.4 },\n *       { latitude: 39.91, longitude: 116.41 },\n *       { latitude: 39.92, longitude: 116.40 },\n *     ]}\n *     fillColor={0x44FF0000}\n *     strokeColor={-65536}\n *     strokeWidth={5}\n *   />\n * </MapView>\n * ```\n */\nexport default function Polygon(props: PolygonProps) {\n  const { points, fillColor, strokeColor, strokeWidth, zIndex } = props;\n  const nativeRef = useContext(MapContext);\n  const polygonIdRef = useRef<string>(`polygon_${Date.now()}_${Math.random()}`);\n\n  useEffect(() => {\n    const polygonId = polygonIdRef.current;\n\n    // 添加多边形\n    if (nativeRef?.current && points && points.length >= 3) {\n      try {\n        console.log('🟦 Polygon 组件调用 addPolygon:', polygonId, {\n          points,\n          fillColor: fillColor ?? 0x440000FF,\n          strokeColor: strokeColor ?? -16776961,\n          strokeWidth: strokeWidth ?? 10,\n          zIndex: zIndex ?? 0,\n        });\n        \n        nativeRef.current.addPolygon(polygonId, {\n          points,\n          fillColor: fillColor ?? 0x440000FF,\n          strokeColor: strokeColor ?? -16776961,\n          strokeWidth: strokeWidth ?? 10,\n          zIndex: zIndex ?? 0,\n        });\n        \n        console.log('✅ Polygon addPolygon 调用完成');\n      } catch (error) {\n        console.error('❌ 添加多边形失败:', error);\n      }\n    } else {\n      console.warn('⚠️ Polygon 组件条件不满足:', {\n        hasNativeRef: !!nativeRef?.current,\n        hasPoints: !!points,\n        pointsLength: points?.length,\n      });\n    }\n\n    // 清理函数\n    return () => {\n      if (nativeRef?.current) {\n        try {\n          nativeRef.current.removePolygon(polygonId);\n        } catch (error) {\n          console.error('移除多边形失败:', error);\n        }\n      }\n    };\n  }, []);\n\n  // 更新多边形属性\n  useEffect(() => {\n    const polygonId = polygonIdRef.current;\n\n    if (nativeRef?.current) {\n      try {\n        nativeRef.current.updatePolygon(polygonId, {\n          points,\n          fillColor,\n          strokeColor,\n          strokeWidth,\n          zIndex,\n        });\n      } catch (error) {\n        console.error('更新多边形失败:', error);\n      }\n    }\n  }, [points, fillColor, strokeColor, strokeWidth, zIndex]);\n\n  return null;\n}\n"]}
+{"version":3,"file":"Polygon.js","sourceRoot":"","sources":["../../../src/components/overlays/Polygon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAGpD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAmB;IACjD,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACtE,MAAM,SAAS,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;IACzC,MAAM,YAAY,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAE/B,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;IAC3B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAG,GAAG,EAAE;YACvB,IAAI,CAAC,SAAS,EAAE,OAAO,EAAE,CAAC;gBACxB,UAAU,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;gBAC5B,OAAO;YACT,CAAC;YAED,MAAM,SAAS,GAAG,WAAW,IAAI,CAAC,GAAG,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC;YAC3D,YAAY,CAAC,OAAO,GAAG,SAAS,CAAC;YAEjC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC;YAEjF,IAAI,MAAM,IAAI,MAAM,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;gBACjC,SAAS,CAAC,OAAO,CAAC,UAAU,CAAC,SAAS,EAAE;oBACtC,MAAM;oBACN,SAAS,EAAE,SAAS,IAAI,WAAW;oBACnC,WAAW,EAAE,WAAW,IAAI,WAAW;oBACvC,WAAW,EAAE,WAAW,IAAI,EAAE;oBAC9B,MAAM,EAAE,MAAM,IAAI,CAAC;iBACpB,CAAC,CAAC;YACL,CAAC;QACH,CAAC,CAAC;QAEF,WAAW,EAAE,CAAC;QAEd,OAAO,GAAG,EAAE;YACV,IAAI,YAAY,CAAC,OAAO,IAAI,SAAS,EAAE,OAAO,EAAE,CAAC;gBAC/C,SAAS,CAAC,OAAO,CAAC,aAAa,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;YACxD,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,CAAC,OAAO,IAAI,SAAS,EAAE,OAAO,EAAE,CAAC;YAC/C,SAAS,CAAC,OAAO,CAAC,aAAa,CAAC,YAAY,CAAC,OAAO,EAAE;gBACpD,MAAM;gBACN,SAAS;gBACT,WAAW;gBACX,WAAW;gBACX,MAAM;aACP,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;IAE1D,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["import { useContext, useEffect, useRef } from 'react';\nimport type { PolygonProps } from '../../types';\nimport { MapContext } from '../../ExpoGaodeMapView';\n\n\n/**\n * 高德地图多边形覆盖物组件\n * \n * @param props - 多边形配置属性\n * @param props.points - 多边形顶点坐标数组，至少需要3个点\n * @param props.fillColor - 多边形填充颜色，十六进制格式，默认0x440000FF\n * @param props.strokeColor - 多边形边框颜色，默认-16776961\n * @param props.strokeWidth - 多边形边框宽度，默认10\n * @param props.zIndex - 多边形层级，默认0\n * \n * @remarks\n * 组件内部会自动生成唯一ID用于标识多边形，并在组件挂载时添加到地图，\n * 更新时同步修改多边形属性，卸载时自动移除多边形。\n * \n * 注意：points数组长度必须大于等于3才能有效绘制多边形。\n */\nexport default function Polygon(props: PolygonProps) {\n  const { points, fillColor, strokeColor, strokeWidth, zIndex } = props;\n  const nativeRef = useContext(MapContext);\n  const polygonIdRef = useRef<string | null>(null);\n  const propsRef = useRef(props);\n  \n  useEffect(() => {\n    propsRef.current = props;\n  }, [props]);\n\n  useEffect(() => {\n    const checkAndAdd = () => {\n      if (!nativeRef?.current) {\n        setTimeout(checkAndAdd, 50);\n        return;\n      }\n      \n      const polygonId = `polygon_${Date.now()}_${Math.random()}`;\n      polygonIdRef.current = polygonId;\n      \n      const { points, fillColor, strokeColor, strokeWidth, zIndex } = propsRef.current;\n      \n      if (points && points.length >= 3) {\n        nativeRef.current.addPolygon(polygonId, {\n          points,\n          fillColor: fillColor ?? '#880000FF',\n          strokeColor: strokeColor ?? '#FFFF0000',\n          strokeWidth: strokeWidth ?? 10,\n          zIndex: zIndex ?? 0,\n        });\n      }\n    };\n    \n    checkAndAdd();\n    \n    return () => {\n      if (polygonIdRef.current && nativeRef?.current) {\n        nativeRef.current.removePolygon(polygonIdRef.current);\n      }\n    };\n  }, []);\n\n  useEffect(() => {\n    if (polygonIdRef.current && nativeRef?.current) {\n      nativeRef.current.updatePolygon(polygonIdRef.current, {\n        points,\n        fillColor,\n        strokeColor,\n        strokeWidth,\n        zIndex,\n      });\n    }\n  }, [points, fillColor, strokeColor, strokeWidth, zIndex]);\n\n  return null;\n}\n"]}