MacOS与iOS端SwiftUI地图无法更新问题

问题现象 #

侧边栏选择地点时，地图初始能正常跳转对应位置，但手动拖动地图后，再选择其他地点，地图不会自动更新到新选中的地点坐标。

问题原因 #

MapDetailView 里的 position 是本地状态，初始值为 .automatic，当用户手动拖动地图后，position 会被设置为具体的相机位置值。后续即使传入的 location 参数发生变化，position 不会自动同步新地点的坐标，因为没有监听 location 的变更来更新地图位置。

修复方案 #

给 MapDetailView 添加 onChange 监听，当 location 改变时，强制将地图 position 更新到新地点的坐标区域：

修改后的 MapDetailView 代码：

struct MapDetailView: View {
    var location: MapLocation
    @State private var position: MapCameraPosition = .automatic
    
    var body: some View {
        VStack {
            Map(position: $position) {
                Marker(location.name, coordinate: location.coordinate)
            }
            .frame(height: 500)
            // 监听location变化，更新地图位置
            .onChange(of: location) { newLocation in
                position = .region(MKCoordinateRegion(
                    center: newLocation.coordinate,
                    span: MKCoordinateSpan(latitudeDelta: 0.5, longitudeDelta: 0.5)
                ))
            }
            
            Text("Selected locaton: \(location.name)")
        }
    }
}

补充说明 #

• 这里用 MKCoordinateRegion 可以自定义地图的缩放范围（latitudeDelta 和 longitudeDelta 值越小，地图视角越近），你可以根据需求调整数值。
• 如果希望保留用户拖动后的缩放级别，可额外存储当前的 span 状态，更新时只修改中心坐标即可，示例中用固定 span 是最直接的修复方式。

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