SwiftUI地图实现点击标记与原生蓝点定位功能问题

核心实现方案 #

1. 直接利用MKMapView原生能力显示用户位置，无需手动维护位置状态，彻底避免频繁重绘问题
2. 通过MKMapView自带的坐标转换方法获取点击的经纬度，替代复杂的手势坐标处理
3. 使用MKPointAnnotation创建点击标记，避开已废弃的Marker类

1. 开启原生用户位置显示 #

只需给MKMapView设置showsUserLocation = true，系统会自动负责用户位置更新、蓝点绘制，完全不用自己写逻辑维护位置状态：

// UIKit 示例
let mapView = MKMapView(frame: view.bounds)
mapView.showsUserLocation = true
mapView.userTrackingMode = .follow // 可选：让地图自动跟随用户位置移动
view.addSubview(mapView)

// SwiftUI UIViewRepresentable 示例
struct CustomMapView: UIViewRepresentable {
    func makeUIView(context: Context) -> MKMapView {
        let mapView = MKMapView()
        mapView.showsUserLocation = true
        mapView.userTrackingMode = .follow
        // 添加点击手势识别器
        let tapGesture = UITapGestureRecognizer(target: context.coordinator, action: #selector(coordinator.handleMapTap(_:)))
        mapView.addGestureRecognizer(tapGesture)
        return mapView
    }
    
    func updateUIView(_ uiView: MKMapView, context: Context) {}
    
    func makeCoordinator() -> Coordinator { Coordinator() }
    
    class Coordinator: NSObject {
        @objc func handleMapTap(_ gesture: UITapGestureRecognizer) {
            guard let mapView = gesture.view as? MKMapView else { return }
            // 关键：把屏幕点击坐标转成世界经纬度
            let tapPoint = gesture.location(in: mapView)
            let coordinate = mapView.convert(tapPoint, toCoordinateFrom: mapView)
            
            // 创建并添加点击标记
            let annotation = MKPointAnnotation()
            annotation.coordinate = coordinate
            mapView.addAnnotation(annotation)
        }
    }
}

2. 正确获取点击的世界坐标 #

之前遇到的tapLocation不是世界坐标的问题，只需调用mapView.convert(tapPoint, toCoordinateFrom: mapView)，直接将手势获取的屏幕点转换为经纬度，一步到位。

3. 优化标记管理（可选） #

如果需要限制仅显示一个点击标记，可以在添加新标记前移除旧的自定义标记（保留系统用户位置标记）：

// 在handleMapTap方法中添加
// 移除所有非用户位置的标记
mapView.annotations.forEach { annotation in
    if !(annotation is MKUserLocation) {
        mapView.removeAnnotation(annotation)
    }
}
// 再添加新标记
let annotation = MKPointAnnotation()
annotation.coordinate = coordinate
mapView.addAnnotation(annotation)

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