如何在Google Android Native Map中实现带可调节点的折线可编辑功能？

我太懂你这个困扰了——Android端的Google Maps官方API确实没提供现成的可编辑折线（就是那种带拖拽调节点的）功能，默认只支持标记拖拽。不过别慌，咱们完全可以通过自定义实现来搞定这个需求，下面是具体的思路和代码示例：

核心思路拆解 #

• 先在地图上画出基础的折线（用Polyline）
• 给折线的每个顶点都配上一个可拖拽的Marker，当作调节点
• 监听这些标记的拖拽事件，实时更新折线的顶点坐标，同步刷新折线显示
• 还能额外加些进阶功能：比如长按折线新增调节点，或者点击调节点删除它

代码实现示例 #

先定义几个全局变量来管理折线、顶点和标记：

private lateinit var mMap: GoogleMap
private val polylinePoints = mutableListOf<LatLng>()
private val adjustMarkers = mutableListOf<Marker>()
private var currentPolyline: Polyline? = null

然后写初始化可编辑折线的方法：

// 假设你已经有了初始的折线坐标列表polylinePoints
private fun initEditablePolyline() {
    // 先画出初始的折线
    currentPolyline = mMap.addPolyline(
        PolylineOptions()
            .addAll(polylinePoints)
            .width(8f)
            .color(Color.BLUE)
    )

    // 给每个顶点添加红色的拖拽标记
    polylinePoints.forEach { latLng ->
        val marker = mMap.addMarker(
            MarkerOptions()
                .position(latLng)
                .icon(BitmapDescriptorFactory.defaultMarker(BitmapDescriptorFactory.HUE_RED))
                .draggable(true)
        )
        adjustMarkers.add(marker)
    }

    // 设置标记的拖拽监听，实时更新折线
    mMap.setOnMarkerDragListener(object : GoogleMap.OnMarkerDragListener {
        override fun onMarkerDragStart(marker: Marker) {
            // 拖拽开始时可以加个高亮效果，比如换个标记图标
        }

        override fun onMarkerDrag(marker: Marker) {
            // 找到当前拖拽的标记对应的顶点，更新坐标后刷新折线
            val index = adjustMarkers.indexOf(marker)
            if (index != -1) {
                polylinePoints[index] = marker.position
                currentPolyline?.points = polylinePoints
            }
        }

        override fun onMarkerDragEnd(marker: Marker) {
            // 拖拽结束后可以保存新的折线坐标，比如存到本地或者服务器
        }
    })

    // 可选：长按折线新增调节点
    mMap.setOnPolylineClickListener { polyline ->
        if (polyline == currentPolyline) {
            mMap.setOnMapLongClickListener { latLng ->
                // 找到新点该插入到折线的哪个位置（这里用了地图工具库的方法）
                val insertIndex = findInsertIndex(latLng)
                polylinePoints.add(insertIndex, latLng)
                // 给新点添加调节标记
                val newMarker = mMap.addMarker(
                    MarkerOptions()
                        .position(latLng)
                        .icon(BitmapDescriptorFactory.defaultMarker(BitmapDescriptorFactory.HUE_RED))
                        .draggable(true)
                )
                adjustMarkers.add(insertIndex, newMarker)
                // 刷新折线显示
                currentPolyline?.points = polylinePoints
            }
        }
    }
}

// 辅助方法：计算新点应该插入到折线的哪个顶点之间
private fun findInsertIndex(newPoint: LatLng): Int {
    var minDistance = Float.MAX_VALUE
    var insertIndex = 0
    // 遍历折线的每一段，找到离新点最近的线段，插入到线段中间
    for (i in 0 until polylinePoints.size - 1) {
        val midPoint = SphericalUtil.interpolate(polylinePoints[i], polylinePoints[i+1], 0.5f)
        val distance = SphericalUtil.computeDistanceBetween(newPoint, midPoint).toFloat()
        if (distance < minDistance) {
            minDistance = distance
            insertIndex = i + 1
        }
    }
    return insertIndex
}

几个要注意的点 #

• 别忘了在项目里引入Google Maps的依赖，还有在Manifest里配置好权限和API密钥
• 上面用到的SphericalUtil来自com.google.maps.android:android-maps-utils这个工具库，需要在build.gradle里添加这个依赖
• 调节标记的图标可以自己定制，换成更贴合你App风格的样式
• 如果折线的顶点特别多，记得做下性能优化，比如避免过于频繁地刷新折线

内容的提问来源于stack exchange，提问作者Kalidass