如何在SwiftUI中检测MapMarker的点击/点按事件？

该需求完全可以实现，不需要手动给 Annotation 加手势修饰器，苹果提供了官方的事件回调能力适配不同系统版本。

适配 iOS 16+ 版本（使用 SwiftUI 原生 Map） #

SwiftUI 4.0 新增的原生 Map 组件内置了 Annotation 选中监听能力，仅需通过绑定变量即可获取选中状态：

• 第一步：让你的 Annotation 数据模型遵守 Identifiable 协议
• 第二步：给 Map 传入 selection 绑定参数，系统会在用户点击 Annotation 时自动更新该变量
• 第三步：通过 onChange 监听变量变化，处理自定义选中逻辑

示例代码：

// Annotation 数据模型
struct LocationAnnotation: Identifiable {
    let id = UUID()
    let coordinate: CLLocationCoordinate2D
    let name: String
}

struct LocationSearchMapView: View {
    // 搜索结果 Annotation 数组
    let resultAnnotations: [LocationAnnotation]
    // 选中状态绑定变量
    @State private var selectedAnnotation: LocationAnnotation?
    
    var body: some View {
        Map(selection: $selectedAnnotation) {
            ForEach(resultAnnotations) { annotation in
                Annotation(annotation.name, coordinate: annotation.coordinate) {
                    // 自定义 Annotation 展示视图
                    Text(annotation.name)
                        .padding(6)
                        .background(.white)
                        .cornerRadius(6)
                        .shadow(radius: 2)
                }
            }
        }
        .onChange(of: selectedAnnotation) { newValue in
            guard let selected = newValue else { return }
            // 此处添加选中后的自定义逻辑，比如弹出详情、跳转页面等
            print("选中地点：\(selected.name)")
        }
    }
}

注意：不要在自定义的 Annotation 视图上添加 onTapGesture 修饰器，会覆盖系统的选中事件，导致 selection 绑定失效。

适配 iOS 15 及更低版本 #

如果需要兼容旧系统，可通过 UIViewRepresentable 包装 UIKit 的 MKMapView，通过代理方法获取点击事件：

• 核心逻辑是在 Coordinator 中实现 MKMapViewDelegate 的 mapView(_:didSelect:) 方法，将选中的 Annotation 通过回调传递回 SwiftUI 层

示例代码：

struct WrappedMapView: UIViewRepresentable {
    let annotations: [LocationAnnotation]
    // 选中事件回调
    var onSelect: (LocationAnnotation) -> Void
    
    func makeCoordinator() -> Coordinator {
        Coordinator(parent: self)
    }
    
    func makeUIView(context: Context) -> MKMapView {
        let map = MKMapView()
        map.delegate = context.coordinator
        map.register(MKMarkerAnnotationView.self, forAnnotationViewWithReuseIdentifier: "LocationAnnotation")
        return map
    }
    
    func updateUIView(_ uiView: MKMapView, context: Context) {
        // 同步搜索结果到地图
        uiView.removeAnnotations(uiView.annotations)
        let mkAnnotations = annotations.map { loc in
            let anno = MKPointAnnotation()
            anno.coordinate = loc.coordinate
            anno.title = loc.name
            return anno
        }
        uiView.addAnnotations(mkAnnotations)
    }
    
    class Coordinator: NSObject, MKMapViewDelegate {
        let parent: WrappedMapView
        init(parent: WrappedMapView) {
            self.parent = parent
        }
        
        func mapView(_ mapView: MKMapView, didSelect view: MKAnnotationView) {
            guard let mkAnno = view.annotation as? MKPointAnnotation,
                  let selected = parent.annotations.first(where: {
                      $0.coordinate.latitude == mkAnno.coordinate.latitude &&
                      $0.coordinate.longitude == mkAnno.coordinate.longitude
                  }) else { return }
            parent.onSelect(selected)
        }
    }
}

// 使用示例
struct LocationSearchMapView: View {
    let resultAnnotations: [LocationAnnotation]
    var body: some View {
        WrappedMapView(annotations: resultAnnotations) { selected in
            // 处理选中逻辑
            print("选中地点：\(selected.name)")
        }
    }
}

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