iOS 17中SwiftUI MapKit标记（Marker）无法选中问题求助

1. 校验协议实现正确性 #

• 确保CustomMarker的id是唯一且稳定的，推荐用UUID()作为默认id，避免使用动态变化的属性（比如坐标）作为id。
• 若手动实现Hashable协议，需保证hash(into:)方法基于id生成哈希值；若依赖编译器自动合成，需确保所有存储属性都遵循Hashable。

2. 匹配selection绑定类型 #

• Map的selection绑定变量类型必须与Marker的tag类型一致。优先绑定CustomMarker的id而非实例本身，比如：

  @State private var selectedMarkerId: UUID? // 对应CustomMarker的id类型
  // 在Map中使用
  Map(..., selection: $selectedMarkerId)
  

3. 确保tag绑定正确 #

• ForEach渲染Marker时，tag需严格匹配selection的类型，例如绑定marker.id而非marker实例：

  ForEach(markers) { marker in
      Marker(marker.title, coordinate: marker.coordinate)
          .tag(marker.id) // 与selectedMarkerId类型一致
  }
  

4. 检查交互拦截 #

• 若自定义了Marker的content，确保未添加.allowsHitTesting(false)等阻止交互的修饰符。
• 可通过.frame扩大Marker的点击区域，提升交互灵敏度：

  Marker(...)
      .tag(marker.id)
      .frame(width: 40, height: 40)
  

完整可运行示例 #

import SwiftUI
import MapKit

struct CustomMarker: Identifiable, Hashable {
    let id = UUID()
    let coordinate: CLLocationCoordinate2D
    let title: String
    let detail: String
}

struct MapContentView: View {
    @State private var region = MKCoordinateRegion(
        center: CLLocationCoordinate2D(latitude: 37.7749, longitude: -122.4194),
        span: MKCoordinateSpan(latitudeDelta: 0.05, longitudeDelta: 0.05)
    )
    @State private var selectedMarkerId: UUID?
    
    let markers: [CustomMarker] = [
        CustomMarker(
            coordinate: CLLocationCoordinate2D(latitude: 37.7749, longitude: -122.4194),
            title: "旧金山市区",
            detail: "人口约80万"
        ),
        CustomMarker(
            coordinate: CLLocationCoordinate2D(latitude: 37.7895, longitude: -122.401),
            title: "渔人码头",
            detail: "知名旅游景点"
        )
    ]
    
    var body: some View {
        Map(coordinateRegion: $region, selection: $selectedMarkerId) {
            ForEach(markers) { marker in
                Marker(marker.title, coordinate: marker.coordinate)
                    .tag(marker.id)
            }
        }
        // 模拟视频中的"展开效果"
        .overlay(alignment: .bottom) {
            if let selectedId = selectedMarkerId,
               let marker = markers.first(where: { $0.id == selectedId }) {
                VStack(alignment: .leading) {
                    Text(marker.title)
                        .font(.headline)
                    Text(marker.detail)
                        .font(.subheadline)
                }
                .padding()
                .background(.white)
                .cornerRadius(12)
                .shadow(radius: 6)
                .padding(.horizontal)
                .transition(.move(edge: .bottom))
            }
        }
        .animation(.easeInOut, value: selectedMarkerId)
    }
}

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