Android Google Map：如何在Polyline上添加可拖拽途经点并生成新路径？

嘿，我来帮你搞定这两个需求！我之前在Google Maps Android SDK上做过类似的功能，给你一步步拆解实现方法：

一、添加圆形途经点 #

你可以通过自定义Marker来实现圆形途经点，有两种常用方式：

1. 使用Drawable资源作为圆形图标 #

先在res/drawable目录下创建一个圆形的XML文件（比如circle_marker.xml）：

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid android:color="#FF4081"/> <!-- 设置圆形颜色 -->
    <size android:width="24dp" android:height="24dp"/> <!-- 设置圆形大小 -->
</shape>

然后在代码中遍历途经点列表，添加带自定义图标的Marker：

// 假设points是你存储途经点LatLng的列表
val circleIcon = BitmapDescriptorFactory.fromResource(R.drawable.circle_marker)
for (point in points) {
    map.addMarker(MarkerOptions()
        .position(point)
        .icon(circleIcon)
        .draggable(true)) // 提前设置可拖拽，为后续功能铺路
}

2. 动态生成圆形Bitmap图标 #

如果需要动态调整圆形的颜色、大小，推荐用Canvas绘制Bitmap：

private fun createCircleMarker(color: Int, sizeDp: Int): BitmapDescriptor {
    val sizePx = TypedValue.applyDimension(
        TypedValue.COMPLEX_UNIT_DIP,
        sizeDp.toFloat(),
        resources.displayMetrics
    ).toInt()
    val bitmap = Bitmap.createBitmap(sizePx, sizePx, Bitmap.Config.ARGB_8888)
    val canvas = Canvas(bitmap)
    val paint = Paint().apply {
        this.color = color
        isAntiAlias = true // 抗锯齿，让圆形更平滑
    }
    canvas.drawCircle(sizePx/2f, sizePx/2f, sizePx/2f, paint)
    return BitmapDescriptorFactory.fromBitmap(bitmap)
}

使用时直接调用这个函数生成图标：

val customCircleIcon = createCircleMarker(Color.RED, 28)

二、实现拖拽途经点更新路径 #

核心思路是监听Marker的拖拽事件，在拖拽结束后更新途经点坐标，重新请求并绘制新路径：

1. 给Marker绑定途经点索引 #

为了区分哪个途经点被拖拽，我们可以把途经点的索引存在Marker的tag属性中：

for (index in points.indices) {
    val point = points[index]
    val marker = map.addMarker(MarkerOptions()
        .position(point)
        .icon(customCircleIcon)
        .draggable(true))
    marker.tag = index // 存储索引，方便后续识别
}

2. 设置Marker拖拽监听 #

通过setOnMarkerDragListener监听拖拽的开始、进行中和结束事件，重点处理拖拽结束后的逻辑：

map.setOnMarkerDragListener(object : GoogleMap.OnMarkerDragListener {
    override fun onMarkerDragStart(marker: Marker) {
        // 可选：拖拽开始时的操作，比如高亮Marker
    }

    override fun onMarkerDrag(marker: Marker) {
        // 可选：实时更新路径，但频繁调用API会消耗资源，建议在dragEnd处理
    }

    override fun onMarkerDragEnd(marker: Marker) {
        // 获取被拖拽的途经点索引
        val pointIndex = marker.tag as Int
        // 更新途经点列表中的坐标
        points[pointIndex] = marker.position
        // 重新请求并绘制新路径
        refreshPathOnMap(points)
    }
})

3. 重新请求并更新路径 #

这里需要调用Google Maps Directions API获取新的路径数据，然后更新地图上的Polyline：

// 假设oldPolyline是你之前绘制的路径对象，用来后续移除旧路径
private var oldPolyline: Polyline? = null

private fun refreshPathOnMap(points: List<LatLng>) {
    // 1. 调用Directions API获取新路径的编码字符串
    // 这里需要传入起点、途经点、终点，注意API的调用格式和密钥配置
    // 示例：用Retrofit或OkHttp发起网络请求，解析返回的JSON获取overview_polyline.points

    // 2. 解码路径编码字符串为LatLng列表
    val decodedPoints = decodePolyline(encodedPathString)

    // 3. 移除旧路径，添加新路径
    oldPolyline?.remove()
    oldPolyline = map.addPolyline(PolylineOptions()
        .addAll(decodedPoints)
        .width(12f)
        .color(Color.BLUE))
}

// 标准的Polyline编码解码函数
private fun decodePolyline(encoded: String): List<LatLng> {
    val poly = ArrayList<LatLng>()
    var index = 0
    val len = encoded.length
    var lat = 0
    var lng = 0

    while (index < len) {
        var b: Int
        var shift = 0
        var result = 0
        do {
            b = encoded[index++].code - 63
            result = result or (b and 0x1f shl shift)
            shift += 5
        } while (b >= 0x20)
        val dlat = if (result and 1 != 0) (result shr 1).inv() else result shr 1
        lat += dlat

        shift = 0
        result = 0
        do {
            b = encoded[index++].code - 63
            result = result or (b and 0x1f shl shift)
            shift += 5
        } while (b >= 0x20)
        val dlng = if (result and 1 != 0) (result shr 1).inv() else result shr 1
        lng += dlng

        poly.add(LatLng((lat.toDouble() / 1E5), (lng.toDouble() / 1E5)))
    }
    return poly
}

一些注意事项 #

• API调用防抖：如果用户快速连续拖拽，会触发多次API请求，建议在onMarkerDragEnd中添加防抖逻辑（比如延迟300ms再请求，若期间有新的拖拽则取消之前的请求）。
• 权限配置：确保你的AndroidManifest.xml中添加了网络权限<uses-permission android:name="android.permission.INTERNET"/>，并且配置了有效的Google Maps API密钥。
• Marker交互优化：可以给Marker添加点击事件，支持删除途经点，进一步提升用户体验。

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