SwiftUI中MapKit视图未显示指定坐标大头针的技术问题

你的代码仅初始化了地图的显示区域，没有添加任何标注（大头针），因此模拟器只会展示对应区域的地图，看不到预期的标记。

预期效果：

实际效果：

解决方案 #

方式一：使用 SwiftUI 原生 Marker（推荐，SwiftUI 3+ 可用） #

直接在 Map 视图的内容闭包中添加 Marker 组件，指定坐标和标题：

import SwiftUI
import MapKit

struct MapView: View {
    var body: some View {
        Map(initialPosition: .region(region)) {
            // 添加大头针标注
            Marker("目标位置", coordinate: CLLocationCoordinate2D(latitude: 34.011_286, longitude: -116.166_868))
        }
    }

    private var region: MKCoordinateRegion {
        MKCoordinateRegion(
            center: CLLocationCoordinate2D(latitude: 34.011_286, longitude: -116.166_868),
            span: MKCoordinateSpan(latitudeDelta: 0.2, longitudeDelta: 0.2)
        )
    }
}

#Preview {
    MapView()
}

方式二：使用 MKPointAnnotation（兼容更多自定义场景） #

先定义标注数据，再通过 Map 的 annotations 参数传入并渲染：

import SwiftUI
import MapKit

struct MapView: View {
    var body: some View {
        Map(initialPosition: .region(region), annotations: annotations) { annotation in
            MapMarker(coordinate: annotation.coordinate)
        }
    }

    private var region: MKCoordinateRegion {
        MKCoordinateRegion(
            center: CLLocationCoordinate2D(latitude: 34.011_286, longitude: -116.166_868),
            span: MKCoordinateSpan(latitudeDelta: 0.2, longitudeDelta: 0.2)
        )
    }

    // 定义标注数组
    private var annotations: [MKPointAnnotation] {
        let annotation = MKPointAnnotation()
        annotation.coordinate = CLLocationCoordinate2D(latitude: 34.011_286, longitude: -116.166_868)
        annotation.title = "目标位置" // 可选：标注的标题
        return [annotation]
    }
}

#Preview {
    MapView()
}

修改后运行模拟器，就能看到指定坐标处的大头针，和预期效果一致。

内容的提问来源于stack exchange，提问作者Thiện Nguyễn Bá