SwiftUI Map视图报错：禁止视图更新中发布变更及动画实现问题

错误原因 #

报错根源是使用了**双向绑定$request.users**作为annotationItems，且闭包中引用$user，导致MapAnnotation更新坐标时触发User实例的属性变更发布，而该操作发生在视图更新流程中，违反了SwiftUI的状态更新规则。MapMarker无此问题是因为它仅单向展示数据，不需要双向绑定。

修复步骤 #

1. 移除视图中的双向绑定 #

修改ContentView的Map部分，将双向绑定$request.users改为单向的request.users，闭包参数使用user而非$user（所有User属性更新都由ViewModel处理，视图无需修改）：

struct ContentView: View {
    @StateObject var request = Calls()
    @State private var mapRegion = MKCoordinateRegion(center: CLLocationCoordinate2D(latitude: 56.946285, longitude: 24.105078), span: MKCoordinateSpan(latitudeDelta: 0.02, longitudeDelta: 0.02))

    var body: some View {
        Map(coordinateRegion: $mapRegion, annotationItems: request.users) { user in
            MapAnnotation(coordinate: CLLocationCoordinate2D(latitude: user.latitude, longitude: user.longitude)) {
                // 自定义标记示例：带首字母的圆形
                ZStack {
                    Circle()
                        .fill(Color.blue)
                        .frame(width: 30, height: 30)
                    Text(user.name.prefix(1))
                        .foregroundColor(.white)
                        .font(.headline)
                }
            }
        }
    }
}

2. 在ViewModel中触发平滑动画 #

为实现类似“查找我的朋友”的滑动效果，在ViewModel更新users数组时，用withAnimation包裹赋值操作，让坐标变化自动应用动画：

func collectUsers(_ response: String){
    if users.count != 0{
        var data = response.components(separatedBy: "\n")
        data.removeLast()
    
        let updates = self.users.map{ user -> User in
            let newData = updateUserLocation(user: user, input: data)
            return User(id: user.id, name: user.name, image: user.image, latitude: Double(newData[1])!, longitude: Double(newData[2])!)
        }
        DispatchQueue.main.async {
            // 包裹赋值操作触发平滑动画
            withAnimation(.linear(duration: 2.0)) {
                self.users = updates
            }
        }
    }else{
        var userData = response.components(separatedBy: ";")
        userData.removeLast()
        
        let users = userData.compactMap { userString -> User? in
            let userProperties = userString.components(separatedBy: ",")
            
            var idPart = userProperties[0].components(separatedBy: " ")
            if idPart.count == 2{
                idPart.removeFirst()
            }
            
            guard userProperties.count == 5 else { return nil }
            guard let id = Int(idPart[0]),
                  let latitude = Double(userProperties[3]),
                  let longitude = Double(userProperties[4]) else { return nil }
            
            return User(id: id, name: userProperties[1], image: userProperties[2], latitude: latitude, longitude: longitude)
        }
        DispatchQueue.main.async {
            self.users = users
        }
    }
}

3. 确保User结构体遵循Identifiable #

Map的annotationItems要求数据遵循Identifiable协议，需给User添加该协议：

struct User: Identifiable {
    let id: Int
    let name: String
    let image: String
    var latitude: Double
    var longitude: Double
}

额外优化建议 #

若需为不同用户设置差异化动画，可在视图中给MapAnnotation添加.animation修饰符，针对单个标记的坐标变化单独配置：

MapAnnotation(coordinate: user.coordinate) {
    // 自定义标记
}
.animation(.linear(duration: 2.0), value: user.coordinate)

需给User添加计算属性简化坐标调用：

extension User {
    var coordinate: CLLocationCoordinate2D {
        CLLocationCoordinate2D(latitude: latitude, longitude: longitude)
    }
}

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