Google Map多边形标记拖拽编辑异常及折线显示需求问询

我明白你遇到的问题了——拖拽多边形顶点Marker时，本该显示另外两个顶点的连线，结果却莫名冒出了内部点，导致连线完全不符合预期。咱们来一步步搞定这个问题。

问题根源分析 #

你当前的代码应该是在拖拽Marker时，错误地把拖拽中的Marker位置也加入了Polyline的点集，或者没有准确筛选出“另外两个Marker”的位置，才会出现内部点的问题。核心思路是：拖拽哪个Marker，就把另外两个Marker的位置作为Polyline的唯一点集，完全排除当前拖拽的Marker。

解决方案代码实现 #

首先我们需要全局管理三个Marker、Polygon和Polyline，然后给Marker绑定拖拽监听，在拖拽过程中动态更新Polyline的点集：

// 全局变量：管理三个顶点Marker、多边形、临时显示的连线
private List<Marker> markerList = new ArrayList<>();
private Polygon polygon;
private Polyline tempPolyline;

// 初始化地图长按添加Marker的逻辑
map.setOnMapLongClickListener(new GoogleMap.OnMapLongClickListener() {
    @Override
    public void onMapLongClick(LatLng latLng) {
        // 只允许添加3个顶点Marker
        if (markerList.size() < 3) {
            Marker marker = map.addMarker(new MarkerOptions()
                    .position(latLng)
                    .draggable(true) // 开启拖拽功能
                    .title("顶点" + (markerList.size() + 1)));
            markerList.add(marker);

            // 当凑齐3个Marker时，创建多边形和初始化临时连线
            if (markerList.size() == 3) {
                List<LatLng> polygonPoints = new ArrayList<>();
                for (Marker m : markerList) {
                    polygonPoints.add(m.getPosition());
                }
                // 创建多边形
                polygon = map.addPolygon(new PolygonOptions()
                        .addAll(polygonPoints)
                        .fillColor(Color.argb(60, 0, 200, 0))
                        .strokeWidth(2));
                
                // 初始化一个隐藏的临时连线，后续拖拽时更新显示
                tempPolyline = map.addPolyline(new PolylineOptions()
                        .width(4)
                        .color(Color.RED)
                        .visible(false));
            }
        }
    }
});

// 给Marker绑定拖拽监听
map.setOnMarkerDragListener(new GoogleMap.OnMarkerDragListener() {
    @Override
    public void onMarkerDragStart(Marker marker) {
        // 拖拽开始时，显示对应另外两个顶点的连线
        showTargetPolyline(marker);
    }

    @Override
    public void onMarkerDrag(Marker marker) {
        // 拖拽过程中，实时更新多边形和连线
        updatePolygonPoints();
        showTargetPolyline(marker);
    }

    @Override
    public void onMarkerDragEnd(Marker marker) {
        // 拖拽结束后，隐藏临时连线，更新最终多边形
        if (tempPolyline != null) {
            tempPolyline.setVisible(false);
        }
        updatePolygonPoints();
    }

    // 核心方法：根据拖拽的Marker，生成另外两个顶点的连线
    private void showTargetPolyline(Marker draggedMarker) {
        if (markerList.size() != 3 || tempPolyline == null) return;

        List<LatLng> linePoints = new ArrayList<>();
        // 遍历所有Marker，排除当前拖拽的那个，收集另外两个的位置
        for (Marker m : markerList) {
            if (!m.equals(draggedMarker)) {
                linePoints.add(m.getPosition());
            }
        }
        // 更新连线的点集并显示
        tempPolyline.setPoints(linePoints);
        tempPolyline.setVisible(true);
    }

    // 更新多边形的顶点位置
    private void updatePolygonPoints() {
        if (polygon == null || markerList.size() != 3) return;

        List<LatLng> polygonPoints = new ArrayList<>();
        for (Marker m : markerList) {
            polygonPoints.add(m.getPosition());
        }
        polygon.setPoints(polygonPoints);
    }
});

关键逻辑说明 #

1. Marker管理：用markerList统一存储三个顶点Marker，方便后续快速遍历和判断当前拖拽的是哪个Marker。
2. 拖拽时的连线生成：showTargetPolyline方法会严格排除当前拖拽的Marker，只收集另外两个Marker的位置作为Polyline的点集，从根源上避免了内部点的出现。
3. 实时同步更新：拖拽过程中同时更新多边形和连线的位置，保证视觉上的一致性；拖拽结束后隐藏临时连线，恢复正常的多边形显示。

额外注意事项 #

• 如果需要支持删除Marker的功能，记得同步更新markerList、多边形和临时连线的状态。
• 可以给Marker添加不同的图标或标题，方便用户区分三个顶点。

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