SwiftUI MapKit中如何彻底去除MapPolygon的描边？

针对叠加多个六边形MapPolygon后，即使设置stroke(lineWidth: 0)或Color.clear仍出现相邻边框的问题，以下是几个无需合并多边形的解决办法（保留不同填充色区分的需求）：

方案1：用drawingGroup合并渲染 #

通过drawingGroup强制将多个多边形的渲染合并，减少边缘渲染的差异，消除缝隙：

ForEach(row.polygons, id:\.self) { poly in
    MapPolygon(coordinates: poly)
        .stroke(lineWidth: 0)
        .foregroundStyle(.blue.opacity(0.4))
        .mapOverlayLevel(level: .aboveRoads)
        .drawingGroup(opaque: false, colorMode: .linear)
}

方案2：自定义UIKit渲染器 #

直接使用UIKit的MKPolygonRenderer完全控制描边行为，绕过SwiftUI层的渲染限制：

1. 定义自定义Overlay类型：

struct CustomPolygonOverlay: MKOverlay {
    let polygon: MKPolygon
    var coordinate: CLLocationCoordinate2D { polygon.coordinate }
    var boundingMapRect: MKMapRect { polygon.boundingMapRect }
}

2. 实现自定义渲染器：

class CustomPolygonRenderer: MKPolygonRenderer {
    init(overlay: CustomPolygonOverlay, fillColor: UIColor) {
        super.init(overlay: overlay)
        self.fillColor = fillColor
        self.strokeColor = .clear
        self.lineWidth = 0
    }
}

3. 在SwiftUI Map中使用：

Map {
    ForEach(row.polygons, id:\.self) { poly in
        MapOverlay(CustomPolygonOverlay(
            polygon: MKPolygon(coordinates: poly, count: poly.count)
        ))
        .renderer { overlay in
            guard let customOverlay = overlay as? CustomPolygonOverlay else {
                return MKOverlayRenderer(overlay: overlay)
            }
            return CustomPolygonRenderer(
                overlay: customOverlay,
                fillColor: UIColor.blue.withAlphaComponent(0.4)
            )
        }
    }
}

方案3：混合模式消除缝隙 #

使用颜色混合模式让相邻多边形的填充色叠加，覆盖细微的边缘差异：

ForEach(row.polygons, id:\.self) { poly in
    MapPolygon(coordinates: poly)
        .stroke(lineWidth: 0)
        .foregroundStyle(.blue.opacity(0.4))
        .mapOverlayLevel(level: .aboveRoads)
        .blendMode(.plusDarker)
}

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