iOS17 SwiftUI中如何为MKPolygon设置边框色与填充色？

方法一：纯SwiftUI叠加实现 #

直接叠加两个MapPolygon实例，一个负责填充，一个负责描边，写法更贴合SwiftUI风格：

MapPolygon(polygon)
    .foregroundStyle(properties.type.color.opacity(0.2)) // 设置填充色
    .overlay(
        MapPolygon(polygon)
            .stroke(properties.type.color.opacity(0.35), lineWidth: 1) // 设置边框色与线宽
    )

方法二：复用UIKit渲染逻辑 #

如果需要更复杂的自定义效果（比如虚线边框、特殊线帽等），可以沿用你熟悉的MKPolygonRenderer，通过SwiftUI Map的.overlay修饰符实现：

Map {
    // 你的其他地图内容
}
.overlay(polygon, renderer: { overlay in
    let renderer = MKPolygonRenderer(overlay: overlay)
    renderer.lineWidth = 1
    renderer.fillColor = properties.type.color.withAlphaComponent(0.2)
    renderer.strokeColor = properties.type.color.withAlphaComponent(0.35)
    return renderer
})

两种方法各有优势：第一种代码简洁，适合基础描边需求；第二种兼容UIKit时代的自定义渲染逻辑，扩展性更强。

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