expo-gaode-map 2.0.0-alpha.1 → 2.0.0-alpha.2

package/README.md

@@ -51,6 +51,7 @@ pnpm add expo-gaode-map@next
 - ✅ 完整的 TypeScript 类型支持
 - ✅ 移除了多余的封装层，直接调用原生模块
 - ✅ 完全移除命令式 API的支持
+- ✅ 添加未实现的一些新的 API（如：onCameraMove、onCameraIdle）
 - ⚠️ **不向后兼容**，需要按照 [迁移指南](docs/MIGRATION.md) 更新代码
 
 **版本对比：**

package/android/src/main/java/expo/modules/gaodemap/ExpoGaodeMapView.kt

@@ -59,6 +59,8 @@ class ExpoGaodeMapView(context: Context, appContext: AppContext) : ExpoView(cont
     private val onMapLongPress by EventDispatcher()
     private val onLoad by EventDispatcher()
     private val onLocation by EventDispatcher()
+    private val onCameraMove by EventDispatcher()
+    private val onCameraIdle by EventDispatcher()
 
     // 高德地图视图
     private lateinit var mapView: MapView
@@ -129,6 +131,65 @@ class ExpoGaodeMapView(context: Context, appContext: AppContext) : ExpoView(cont
      * 设置地图事件监听
      */
     private fun setupMapListeners() {
+        // 设置相机移动监听器
+        aMap.setOnCameraChangeListener(object : AMap.OnCameraChangeListener {
+            override fun onCameraChange(cameraPosition: com.amap.api.maps.model.CameraPosition?) {
+                // 相机移动中
+                cameraPosition?.let {
+                    val visibleRegion = aMap.projection.visibleRegion
+                    onCameraMove(mapOf(
+                        "cameraPosition" to mapOf(
+                            "target" to mapOf(
+                                "latitude" to it.target.latitude,
+                                "longitude" to it.target.longitude
+                            ),
+                            "zoom" to it.zoom,
+                            "tilt" to it.tilt,
+                            "bearing" to it.bearing
+                        ),
+                        "latLngBounds" to mapOf(
+                            "northeast" to mapOf(
+                                "latitude" to visibleRegion.farRight.latitude,
+                                "longitude" to visibleRegion.farRight.longitude
+                            ),
+                            "southwest" to mapOf(
+                                "latitude" to visibleRegion.nearLeft.latitude,
+                                "longitude" to visibleRegion.nearLeft.longitude
+                            )
+                        )
+                    ))
+                }
+            }
+
+            override fun onCameraChangeFinish(cameraPosition: com.amap.api.maps.model.CameraPosition?) {
+                // 相机移动完成
+                cameraPosition?.let {
+                    val visibleRegion = aMap.projection.visibleRegion
+                    onCameraIdle(mapOf(
+                        "cameraPosition" to mapOf(
+                            "target" to mapOf(
+                                "latitude" to it.target.latitude,
+                                "longitude" to it.target.longitude
+                            ),
+                            "zoom" to it.zoom,
+                            "tilt" to it.tilt,
+                            "bearing" to it.bearing
+                        ),
+                        "latLngBounds" to mapOf(
+                            "northeast" to mapOf(
+                                "latitude" to visibleRegion.farRight.latitude,
+                                "longitude" to visibleRegion.farRight.longitude
+                            ),
+                            "southwest" to mapOf(
+                                "latitude" to visibleRegion.nearLeft.latitude,
+                                "longitude" to visibleRegion.nearLeft.longitude
+                            )
+                        )
+                    ))
+                }
+            }
+        })
+        
         // 设置全局 Marker 点击监听器
         aMap.setOnMarkerClickListener { marker ->
             MarkerView.handleMarkerClick(marker)

package/android/src/main/java/expo/modules/gaodemap/ExpoGaodeMapViewModule.kt

@@ -11,7 +11,7 @@ class ExpoGaodeMapViewModule : Module() {
     Name("ExpoGaodeMapView")
 
     View(ExpoGaodeMapView::class) {
-      Events("onMapPress", "onMapLongPress", "onLoad", "onLocation")
+      Events("onMapPress", "onMapLongPress", "onLoad", "onLocation", "onCameraMove", "onCameraIdle")
       
       // ✅ 关键修复：拦截 React Native 的视图操作异常
       OnViewDestroys { view: ExpoGaodeMapView ->

package/ios/ExpoGaodeMapModule.swift

@@ -151,6 +151,10 @@ public class ExpoGaodeMapModule: Module {
             self.getLocationManager().setDistanceFilter(Double(interval))
         }
         
+        Function("setDistanceFilter") { (distance: Double) in
+            self.getLocationManager().setDistanceFilter(distance)
+        }
+        
         Function("setLocationTimeout") { (timeout: Int) in
             self.getLocationManager().setLocationTimeout(timeout)
         }

package/ios/ExpoGaodeMapView.swift

@@ -56,6 +56,8 @@ class ExpoGaodeMapView: ExpoView, MAMapViewDelegate {
     let onMapLongPress = EventDispatcher()
     let onLoad = EventDispatcher()
     let onLocation = EventDispatcher()
+    let onCameraMove = EventDispatcher()
+    let onCameraIdle = EventDispatcher()
     
     // MARK: - 私有属性
     
@@ -530,6 +532,52 @@ extension ExpoGaodeMapView {
         onLoad(["loaded": true])
     }
     
+    /**
+     * 地图区域即将改变时触发
+     */
+    public func mapView(_ mapView: MAMapView, regionWillChangeAnimated animated: Bool) {
+        // 相机开始移动
+        let cameraPosition = cameraManager.getCameraPosition()
+        let visibleRegion = mapView.region
+        
+        onCameraMove([
+            "cameraPosition": cameraPosition,
+            "latLngBounds": [
+                "northeast": [
+                    "latitude": visibleRegion.center.latitude + visibleRegion.span.latitudeDelta / 2,
+                    "longitude": visibleRegion.center.longitude + visibleRegion.span.longitudeDelta / 2
+                ],
+                "southwest": [
+                    "latitude": visibleRegion.center.latitude - visibleRegion.span.latitudeDelta / 2,
+                    "longitude": visibleRegion.center.longitude - visibleRegion.span.longitudeDelta / 2
+                ]
+            ]
+        ])
+    }
+    
+    /**
+     * 地图区域改变完成后触发
+     */
+    public func mapView(_ mapView: MAMapView, regionDidChangeAnimated animated: Bool) {
+        // 相机移动完成
+        let cameraPosition = cameraManager.getCameraPosition()
+        let visibleRegion = mapView.region
+        
+        onCameraIdle([
+            "cameraPosition": cameraPosition,
+            "latLngBounds": [
+                "northeast": [
+                    "latitude": visibleRegion.center.latitude + visibleRegion.span.latitudeDelta / 2,
+                    "longitude": visibleRegion.center.longitude + visibleRegion.span.longitudeDelta / 2
+                ],
+                "southwest": [
+                    "latitude": visibleRegion.center.latitude - visibleRegion.span.latitudeDelta / 2,
+                    "longitude": visibleRegion.center.longitude - visibleRegion.span.longitudeDelta / 2
+                ]
+            ]
+        ])
+    }
+    
     /**
      * 地图单击事件
      */

package/ios/ExpoGaodeMapViewModule.swift

@@ -9,7 +9,7 @@ public class ExpoGaodeMapViewModule: Module {
         Name("ExpoGaodeMapView")
         
         View(ExpoGaodeMapView.self) {
-            Events("onMapPress", "onMapLongPress", "onLoad", "onLocation")
+            Events("onMapPress", "onMapLongPress", "onLoad", "onLocation", "onCameraMove", "onCameraIdle")
             
             Prop("mapType") { (view: ExpoGaodeMapView, type: Int) in
                 view.mapType = type

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "expo-gaode-map",
-  "version": "2.0.0-alpha.1",
+  "version": "2.0.0-alpha.2",
   "description": "一个功能完整的高德地图 React Native 组件库，基于 Expo Modules 开发，提供地图显示、定位、覆盖物等功能。",
   "main": "build/index.js",
   "types": "build/index.d.ts",