SwiftUI中Map Marker点击触发.popover无响应问题求助

你的问题主要出在两个核心点：

• SwiftUI的Marker组件自定义内容默认不响应点击交互，直接给Image加popover不会生效；
• 手动通过坐标计算覆盖透明Button的方式，会在地图缩放、拖动后出现位置偏移，导致无法准确触发点击。

下面是修正后的完整代码，直接用Annotation替代Marker，并利用SwiftUI原生的交互绑定实现popover弹出：

import SwiftUI
import MapKit

struct MapView: View {
    @State private var region: MKCoordinateRegion
    var libraries: [Library]
    @State private var selectedLibrary: Library?

    init(libraries: [Library]) {
        if let firstLibrary = libraries.first {
            _region = State(initialValue: MKCoordinateRegion(
                center: firstLibrary.coordinate,
                span: MKCoordinateSpan(latitudeDelta: 0.02, longitudeDelta: 0.02)
            ))
        } else {
            _region = State(initialValue: MKCoordinateRegion())
        }
        self.libraries = libraries
    }

    var body: some View {
        Map {
            ForEach(libraries) { library in
                // 使用Annotation替代Marker，支持完整交互
                Annotation("", coordinate: library.coordinate) {
                    Button(action: {
                        selectedLibrary = library
                    }) {
                        Image("Logo")
                            .resizable()
                            .scaledToFit()
                            .frame(width: 30, height: 30)
                            .tint(.purple)
                    }
                    // 绑定到可选值selectedLibrary，自动处理弹出/关闭
                    .popover(item: $selectedLibrary) { selected in
                        VStack(alignment: .leading, spacing: 12) {
                            Text("图书馆详情")
                                .font(.headline)
                            Text("坐标: \(selected.coordinate.latitude), \(selected.coordinate.longitude)")
                                .font(.caption)
                        }
                        .padding()
                    }
                }
            }
        }
        .edgesIgnoringSafeArea(.all)
    }
}

struct MapView_Previews: PreviewProvider {
    static var previews: some View {
        MapView(libraries: LibraryData.libraries)
    }
}

保持原有的Library和LibraryData结构不变：

import CoreLocation

struct Library: Identifiable, Equatable {
    let id = UUID()
    let coordinate: CLLocationCoordinate2D

    static func == (lhs: Library, rhs: Library) -> Bool {
        lhs.id == rhs.id &&
        lhs.coordinate.latitude == rhs.coordinate.latitude &&
        lhs.coordinate.longitude == rhs.coordinate.longitude
    }
}

struct LibraryData {
    static let libraries = [
        Library(coordinate: CLLocationCoordinate2D(latitude: 37.33182, longitude: -122.03118)),
        Library(coordinate: CLLocationCoordinate2D(latitude: 37.34182, longitude: -122.03218)),
        Library(coordinate: CLLocationCoordinate2D(latitude: 37.34182, longitude: -122.04118))
    ]
}

关键修改说明： #

1. 替换Marker为Annotation：Annotation允许在标注位置放置任意SwiftUI视图，并且原生支持点击交互，不像Marker的自定义内容默认屏蔽了点击事件。
2. 直接绑定Popover到可选值：使用popover(item:)替代isPresented，自动根据selectedLibrary的nil状态控制popover的显示/隐藏，无需手动处理Binding转换。
3. 移除冗余坐标计算：去掉了GeometryReader和coordinateToPoint方法，避免地图交互后标注位置偏移的问题，完全依赖Map组件的原生定位。

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