expo-gaode-map-navigation 1.0.1-next.0

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

@@ -0,0 +1,78 @@
+package expo.modules.gaodemap.map.overlays
+
+import expo.modules.kotlin.modules.Module
+import expo.modules.kotlin.modules.ModuleDefinition
+
+/**
+ * Marker 视图 Module
+ */
+class MarkerViewModule : Module() {
+  override fun definition() = ModuleDefinition {
+    Name("NaviMarkerView")
+
+    View(MarkerView::class) {
+      Events("onMarkerPress", "onMarkerDragStart", "onMarkerDrag", "onMarkerDragEnd")
+      
+      // 拆分 position 为两个独立属性以兼容 React Native 旧架构
+      Prop<Double>("latitude") { view, lat ->
+        view.setLatitude(lat)
+      }
+      
+      Prop<Double>("longitude") { view, lng ->
+        view.setLongitude(lng)
+      }
+      
+      Prop<String>("title") { view, title ->
+        view.setTitle(title)
+      }
+      
+      Prop<String>("snippet") { view, snippet ->
+        view.setDescription(snippet)
+      }
+      
+      Prop<Boolean>("draggable") { view, draggable ->
+        view.setDraggable(draggable)
+      }
+      
+      Prop<String>("icon") { view, icon ->
+        view.setMarkerIcon(icon)
+      }
+      
+      Prop<String>("pinColor") { view, color ->
+        view.setPinColor(color)
+      }
+      
+      Prop<Float>("opacity") { view, opacity ->
+        view.setOpacity(opacity)
+      }
+      
+      Prop<Boolean>("flat") { view, flat ->
+        view.setFlat(flat)
+      }
+      
+      Prop<Float>("zIndex") { view, zIndex ->
+        view.setZIndex(zIndex)
+      }
+      
+      Prop<Map<String, Float>>("anchor") { view, anchor ->
+        view.setAnchor(anchor)
+      }
+      
+      Prop<Int>("iconWidth") { view, width ->
+        view.setIconWidth(width)
+      }
+      
+      Prop<Int>("iconHeight") { view, height ->
+        view.setIconHeight(height)
+      }
+      
+      Prop<Int>("customViewWidth") { view, width ->
+        view.setCustomViewWidth(width)
+      }
+      
+      Prop<Int>("customViewHeight") { view, height ->
+        view.setCustomViewHeight(height)
+      }
+    }
+  }
+}

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

@@ -0,0 +1,111 @@
+package expo.modules.gaodemap.map.overlays
+
+import android.content.Context
+
+import com.amap.api.maps.AMap
+import com.amap.api.maps.model.BitmapDescriptorFactory
+import com.amap.api.maps.model.LatLng
+import com.amap.api.maps.model.MultiPointItem
+import com.amap.api.maps.model.MultiPointOverlay
+import com.amap.api.maps.model.MultiPointOverlayOptions
+import expo.modules.kotlin.AppContext
+
+import expo.modules.kotlin.views.ExpoView
+
+class MultiPointView(context: Context, appContext: AppContext) : ExpoView(context, appContext) {
+  
+
+  private var multiPointOverlay: MultiPointOverlay? = null
+  private var aMap: AMap? = null
+  private var points: MutableList<MultiPointItem> = mutableListOf()
+  
+  /**
+   * 设置地图实例
+   */
+  fun setMap(map: AMap) {
+    aMap = map
+    createOrUpdateMultiPoint()
+  }
+  
+  /**
+   * 设置海量点数据
+   */
+  fun setPoints(pointsList: List<Map<String, Any>>) {
+    points.clear()
+    pointsList.forEach { point ->
+      val lat = (point["latitude"] as? Number)?.toDouble()
+      val lng = (point["longitude"] as? Number)?.toDouble()
+      val id = point["id"] as? String ?: ""
+      
+      // 坐标验证
+      if (lat != null && lng != null && lat >= -90 && lat <= 90 && lng >= -180 && lng <= 180) {
+        val multiPointItem = MultiPointItem(LatLng(lat, lng))
+        multiPointItem.customerId = id
+        points.add(multiPointItem)
+      }
+    }
+    createOrUpdateMultiPoint()
+  }
+  
+  /**
+   * 设置图标
+   */
+  fun setIcon(iconUri: String?) {
+
+    // 简化处理，实际需要实现图片加载
+    createOrUpdateMultiPoint()
+  }
+  
+  /**
+   * 设置锚点
+   */
+  fun setAnchor(anchor: Map<String, Float>) {
+    val x = anchor["x"] ?: 0.5f
+    val y = anchor["y"] ?: 0.5f
+    multiPointOverlay?.setAnchor(x, y)
+  }
+  
+  /**
+   * 创建或更新海量点
+   */
+  private fun createOrUpdateMultiPoint() {
+    aMap?.let { map ->
+      if (points.isNotEmpty()) {
+        // 移除旧的海量点
+        multiPointOverlay?.remove()
+        
+        // 创建海量点选项
+        val overlayOptions = MultiPointOverlayOptions()
+        overlayOptions.icon(BitmapDescriptorFactory.defaultMarker())
+        overlayOptions.anchor(0.5f, 0.5f)
+        
+        // 创建海量点覆盖物
+        multiPointOverlay = map.addMultiPointOverlay(overlayOptions)
+          multiPointOverlay?.items = points
+        
+        // 注意：MultiPointOverlay 在高德地图 Android SDK 中不直接支持点击事件
+        // 如果需要点击事件，需要使用 Marker 或其他方式实现
+      }
+    }
+  }
+  
+  /**
+   * 移除海量点
+   */
+  fun removeMultiPoint() {
+    multiPointOverlay?.remove()
+    multiPointOverlay = null
+    points.clear()
+  }
+  
+  override fun onDetachedFromWindow() {
+    super.onDetachedFromWindow()
+    // 🔑 关键修复：使用 post 延迟检查
+    post {
+      if (parent == null) {
+        removeMultiPoint()
+        aMap = null
+      }
+    }
+  }
+}

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

@@ -0,0 +1,29 @@
+package expo.modules.gaodemap.map.overlays
+
+import expo.modules.kotlin.modules.Module
+import expo.modules.kotlin.modules.ModuleDefinition
+
+/**
+ * MultiPoint 视图 Module
+ */
+class MultiPointViewModule : Module() {
+  override fun definition() = ModuleDefinition {
+    Name("NaviMultiPointView")
+
+    View(MultiPointView::class) {
+      Events("onPress")
+      
+      Prop<List<Map<String, Any>>>("points") { view: MultiPointView, points ->
+        view.setPoints(points)
+      }
+
+        Prop<String>("icon") { view: MultiPointView, icon ->
+        view.setIcon(icon)
+      }
+
+        Prop<Map<String, Float>>("anchor"){ view: MultiPointView, anchor ->
+            view.setAnchor(anchor)
+        }
+    }
+  }
+}

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

@@ -0,0 +1,153 @@
+package expo.modules.gaodemap.map.overlays
+
+import android.content.Context
+import android.graphics.Color
+import com.amap.api.maps.AMap
+import com.amap.api.maps.model.LatLng
+import com.amap.api.maps.model.Polygon
+import com.amap.api.maps.model.PolygonOptions
+import expo.modules.gaodemap.map.utils.ColorParser
+import expo.modules.kotlin.AppContext
+import expo.modules.kotlin.viewevent.EventDispatcher
+import expo.modules.kotlin.views.ExpoView
+
+class PolygonView(context: Context, appContext: AppContext) : ExpoView(context, appContext) {
+  
+  private val onPolygonPress by EventDispatcher()
+  
+  private var polygon: Polygon? = null
+  private var aMap: AMap? = null
+  private var points: List<LatLng> = emptyList()
+  private var strokeWidth: Float = 10f
+
+  private var fillColor: Int = Color.argb(50, 0, 0, 255)
+
+  private var strokeColor: Int = Color.BLUE
+
+  private var _zIndex: Float = 0f
+  
+  /**
+   * 设置地图实例
+   */
+  @Suppress("unused")
+  fun setMap(map: AMap) {
+    aMap = map
+    post { createOrUpdatePolygon() }
+
+  }
+  
+  /**
+   * 设置多边形点集合
+   */
+  fun setPoints(pointsList: List<Map<String, Double>>) {
+    points = pointsList.mapNotNull { point ->
+      val lat = point["latitude"]
+      val lng = point["longitude"]
+      // 坐标验证
+      if (lat != null && lng != null && lat >= -90 && lat <= 90 && lng >= -180 && lng <= 180) {
+        LatLng(lat, lng)
+      } else null
+    }
+    polygon?.let {
+      it.points = points
+    } ?: createOrUpdatePolygon()
+  }
+  
+  /**
+   * 设置填充颜色
+   */
+  fun setFillColor(color: Any) {
+    fillColor = ColorParser.parseColor(color)
+    polygon?.let {
+      it.fillColor = fillColor
+    } ?: createOrUpdatePolygon()
+  }
+  
+  /**
+   * 设置边框颜色
+   */
+  fun setStrokeColor(color: Any) {
+   strokeColor = ColorParser.parseColor(color)
+    polygon?.let {
+      it.strokeColor = strokeColor
+    } ?: createOrUpdatePolygon()
+  }
+  
+  /**
+   * 设置边框宽度
+   */
+  fun setStrokeWidth(width: Float) {
+    // Android 需要乘以屏幕密度以匹配 iOS 的视觉效果
+    val density = context.resources.displayMetrics.density
+    strokeWidth = width * density
+    polygon?.let {
+      it.strokeWidth = strokeWidth
+    } ?: createOrUpdatePolygon()
+  }
+  
+  /**
+   * 设置 z-index
+   */
+  fun setZIndex(zIndex: Float) {
+      _zIndex = zIndex
+    polygon?.let {
+      it.zIndex = _zIndex
+    } ?: createOrUpdatePolygon()
+  }
+  
+  /**
+   * 创建或更新多边形
+   */
+  private fun createOrUpdatePolygon() {
+    aMap?.let { map ->
+      if (polygon == null && points.isNotEmpty()) {
+        val options = PolygonOptions()
+          .addAll(points)
+          .fillColor(fillColor)
+          .strokeColor(strokeColor)
+          .strokeWidth(strokeWidth)
+          .zIndex(_zIndex)
+        
+        polygon = map.addPolygon(options)
+        
+        // 注意：高德地图 Android SDK 不直接支持 Polygon 点击事件
+        // 如果需要点击事件，需要通过其他方式实现
+      }
+    }
+  }
+  
+  /**
+   * 检查点击位置是否在多边形内
+   */
+  fun checkPress(latLng: LatLng): Boolean {
+    polygon?.let { poly ->
+      if (poly.contains(latLng)) {
+        onPolygonPress(mapOf(
+          "latitude" to latLng.latitude,
+          "longitude" to latLng.longitude
+        ))
+        return true
+      }
+    }
+    return false
+  }
+  
+  /**
+   * 移除多边形
+   */
+  fun removePolygon() {
+    polygon?.remove()
+    polygon = null
+  }
+  
+  override fun onDetachedFromWindow() {
+    super.onDetachedFromWindow()
+    // 🔑 关键修复：使用 post 延迟检查
+    post {
+      if (parent == null) {
+        removePolygon()
+        aMap = null
+      }
+    }
+  }
+}

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

@@ -0,0 +1,37 @@
+package expo.modules.gaodemap.map.overlays
+
+import expo.modules.kotlin.modules.Module
+import expo.modules.kotlin.modules.ModuleDefinition
+
+/**
+ * Polygon 视图 Module
+ */
+class PolygonViewModule : Module() {
+  override fun definition() = ModuleDefinition {
+    Name("NaviPolygonView")
+
+    View(PolygonView::class) {
+      Events("onPolygonPress")
+      
+      Prop<List<Map<String, Double>>>("points") { view: PolygonView, points ->
+        view.setPoints(points)
+      }
+      
+      Prop<Any>("fillColor") { view: PolygonView, color ->
+        view.setFillColor(color)
+      }
+      
+      Prop<Any>("strokeColor") { view: PolygonView, color ->
+        view.setStrokeColor(color)
+      }
+      
+      Prop<Float>("strokeWidth") { view: PolygonView, width ->
+        view.setStrokeWidth(width)
+      }
+
+      Prop<Float>("zIndex") { view: PolygonView, zIndex ->
+        view.setZIndex(zIndex)
+      }
+    }
+  }
+}

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

@@ -0,0 +1,272 @@
+package expo.modules.gaodemap.map.overlays
+
+import android.content.Context
+import android.graphics.Color
+import com.amap.api.maps.AMap
+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 expo.modules.gaodemap.map.utils.ColorParser
+import expo.modules.kotlin.AppContext
+import expo.modules.kotlin.viewevent.EventDispatcher
+import expo.modules.kotlin.views.ExpoView
+import java.net.URL
+
+class PolylineView(context: Context, appContext: AppContext) : ExpoView(context, appContext) {
+  
+  private val onPolylinePress by EventDispatcher()
+  
+  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
+  
+  /**
+   * 设置地图实例
+   */
+  @Suppress("unused")
+  fun setMap(map: AMap) {
+    aMap = map
+    post {
+      createOrUpdatePolyline()
+    }
+
+  }
+  
+  /**
+   * 设置折线点集合
+   */
+  fun setPoints(pointsList: List<Map<String, Double>>) {
+    points = pointsList.mapNotNull { point ->
+      val lat = point["latitude"]
+      val lng = point["longitude"]
+      // 坐标验证
+      if (lat != null && lng != null && lat >= -90 && lat <= 90 && lng >= -180 && lng <= 180) {
+        LatLng(lat, lng)
+      } else null
+    }
+    polyline?.let {
+      it.points = points
+    } ?: createOrUpdatePolyline()
+  }
+  
+  /**
+   * 设置线宽
+   */
+  fun setStrokeWidth(width: Float) {
+    // Android 需要乘以屏幕密度以匹配 iOS 的视觉效果
+    val density = context.resources.displayMetrics.density
+    strokeWidth = width * density
+    polyline?.let {
+      it.width = strokeWidth
+    } ?: createOrUpdatePolyline()
+  }
+  
+  /**
+   * 设置线条颜色
+   */
+  fun setStrokeColor(color: Any) {
+    strokeColor = ColorParser.parseColor(color)
+    polyline?.let {
+      it.color = strokeColor
+    } ?: createOrUpdatePolyline()
+  }
+  
+  /**
+   * 设置是否虚线
+   */
+  fun setDotted(dotted: Boolean) {
+    isDotted = dotted
+    createOrUpdatePolyline()
+  }
+  
+  /**
+   * 设置是否绘制大地线
+   */
+  fun setGeodesic(geodesic: Boolean) {
+    isGeodesic = geodesic
+    createOrUpdatePolyline()
+  }
+  
+  /**
+   * 设置 z-index
+   */
+  fun setZIndex(zIndex: Float) {
+    polyline?.let {
+      it.zIndex = zIndex
+    } ?: createOrUpdatePolyline()
+  }
+
+    fun setGradient(gradient: Boolean){
+
+    }
+
+  /**
+   * 设置透明度
+   */
+  fun setOpacity(opacity: Float) {
+    polyline?.let { line ->
+      val currentColor = line.color
+      val alpha = (opacity * 255).toInt()
+      line.color = Color.argb(alpha, Color.red(currentColor), Color.green(currentColor), Color.blue(currentColor))
+    }
+  }
+  
+  /**
+   * 设置纹理图片
+   */
+  fun setTexture(url: String?) {
+    textureUrl = url
+    createOrUpdatePolyline()
+  }
+  
+  /**
+   * 创建或更新折线
+   */
+  private fun createOrUpdatePolyline() {
+    aMap?.let { map ->
+      // 移除旧折线
+      polyline?.remove()
+      polyline = null
+      
+      if (points.isNotEmpty()) {
+        val options = PolylineOptions()
+          .addAll(points)
+          .width(strokeWidth)
+          .color(strokeColor)
+          .geodesic(isGeodesic)
+
+        
+        // 设置虚线样式
+        if (isDotted) {
+            options.dottedLineType = PolylineOptions.DOTTEDLINE_TYPE_SQUARE
+        }
+        
+        // 设置纹理
+        textureUrl?.let { url ->
+          try {
+            when {
+              url.startsWith("http://") || url.startsWith("https://") -> {
+                // 网络图片异步加载
+                Thread {
+                  try {
+                    val connection = URL(url).openConnection()
+                    val inputStream = connection.getInputStream()
+                    val bitmap = android.graphics.BitmapFactory.decodeStream(inputStream)
+                    inputStream.close()
+                    post {
+                      polyline?.setCustomTexture(BitmapDescriptorFactory.fromBitmap(bitmap))
+                    }
+                  } catch (e: Exception) {
+                    e.printStackTrace()
+                  }
+                }.start()
+              }
+              url.startsWith("file://") -> {
+                val path = url.substring(7)
+                val bitmap = android.graphics.BitmapFactory.decodeFile(path)
+                bitmap?.let { options.setCustomTexture(BitmapDescriptorFactory.fromBitmap(it)) }
+              }
+              else -> {
+                val resId = context.resources.getIdentifier(url, "drawable", context.packageName)
+                if (resId != 0) {
+                  val bitmap = android.graphics.BitmapFactory.decodeResource(context.resources, resId)
+                  options.setCustomTexture(BitmapDescriptorFactory.fromBitmap(bitmap))
+                }else{
+                  
+                }
+              }
+            }
+          } catch (e: Exception) {
+            e.printStackTrace()
+          }
+        }
+        
+        polyline = map.addPolyline(options)
+      }
+    }
+  }
+  
+  /**
+   * 检查点击位置是否在折线附近
+   */
+  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) {
+          onPolylinePress(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()
+  }
+  
+  /**
+   * 移除折线
+   */
+  fun removePolyline() {
+    polyline?.remove()
+    polyline = null
+  }
+  
+  override fun onDetachedFromWindow() {
+    super.onDetachedFromWindow()
+    // 🔑 关键修复：使用 post 延迟检查
+    post {
+      if (parent == null) {
+        removePolyline()
+        aMap = null
+      }
+    }
+  }
+}