SwiftUI中点击UIKit封装地图注解时显示悬浮层的实现问题

解决思路 #

你可以通过给UIMapView添加绑定属性/回调闭包的方式，把UIKit侧的选中事件传递到SwiftUI主视图，具体实现步骤如下：

步骤1：给UIMapView添加对外暴露的绑定属性 #

和你之前原生SwiftUI的逻辑对齐，直接绑定全局ModelData的对应属性即可：

struct UIMapView: UIViewRepresentable {
    // 传入你全局的数据源对应属性，也可单独拆分绑定
    @Binding var selectedLocation: Location?
    @Binding var isShowingDetail: Bool
    // 其他你需要的属性：比如region绑定、locations数组等

    class Coordinator: NSObject, MKMapViewDelegate {
        // 持有父UIMapView的引用，用来读写绑定属性
        var parent: UIMapView
        
        init(parent: UIMapView) {
            self.parent = parent
        }
        
        func mapView(_ mapView: MKMapView, didSelect view: MKAnnotationView) {
            // 需提前把Location模型绑定到自定义MKAnnotation上
            guard let annotation = view.annotation as? CustomLocationAnnotation else { return }
            // 给绑定属性赋值，触发SwiftUI侧视图刷新
            parent.selectedLocation = annotation.location
            parent.isShowingDetail = true
            // 可选：取消选中状态，避免下次点击同一个图钉不触发事件
            mapView.deselectAnnotation(annotation, animated: false)
        }
    }

    func makeCoordinator() -> Coordinator {
        Coordinator(parent: self)
    }

    func makeUIView(context: Context) -> MKMapView {
        let mapView = MKMapView()
        // 记得设置delegate为coordinator
        mapView.delegate = context.coordinator
        // 其他初始化配置、注解添加逻辑自行补全
        return mapView
    }

    func updateUIView(_ uiView: MKMapView, context: Context) {
        // 同步SwiftUI侧的属性更新到UIKit：比如region变化、locations数组变化刷新注解
    }
}

步骤2：实现自定义注解类 #

用来关联MKAnnotation和你的Location模型：

class CustomLocationAnnotation: NSObject, MKAnnotation {
    let location: Location
    var coordinate: CLLocationCoordinate2D { location.coord }
    
    init(location: Location) {
        self.location = location
        super.init()
    }
}

步骤3：在主视图替换原有Map组件 #

var body: some View {
  ZStack {
    // 替换为自定义UIMapView，传入对应绑定
    UIMapView(
        selectedLocation: $modelData.selectedLocation,
        isShowingDetail: $modelData.isShowingDetail
        // 其他你需要传入的属性：比如$region、model.locations等
    )
    if modelData.isShowingDetail {
      DetailView(
        isShowingDetail: $modelData.isShowingDetail,
        location: modelData.selectedLocation!
      )
    }
  }
}

可选优化：用回调闭包替代绑定 #

如果你不想把绑定直接传给UIMapView，也可以用回调的方式降低耦合：

// UIMapView内新增属性
var onSelectLocation: (Location) -> Void

// didSelect方法内调用回调
parent.onSelectLocation(annotation.location)

// 主视图初始化时传入回调实现
UIMapView(
    onSelectLocation: { location in
        modelData.selectedLocation = location
        modelData.isShowingDetail = true
    }
)

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