Swift UI 使用 MapKit 在地图中添加大头针位置标点

代码

import SwiftUI
import MapKit


struct City: Identifiable {
    let id = UUID()
    let coordinate: CLLocationCoordinate2D
}

struct RouterMapView: View {
    @Binding var showingMap: Bool
    @State private var cities: [City] = [
        City(coordinate: .init(latitude: 40.7128, longitude: 74.0060)),
        City(coordinate: .init(latitude: 37.7749, longitude: 122.4194)),
        City(coordinate: .init(latitude: 47.6062, longitude: 122.3321))
    ]
    
    @State private var userTrackingMode: MapUserTrackingMode = .follow
    @State private var region = MKCoordinateRegion(
        center: CLLocationCoordinate2D(latitude: 39, longitude: 116),
        span: MKCoordinateSpan(latitudeDelta: 10, longitudeDelta: 10)
    )
    
    
    var body: some View {
        NavigationView {
            
            Map(coordinateRegion: $region, showsUserLocation: true, annotationItems: cities) { city in
                
                MapPin(coordinate: city.coordinate)
            }
            
            .ignoresSafeArea()
            .navigationBarTitle(Text("路由地图"), displayMode: .inline)
            .navigationBarItems(trailing: Button(action: {
                self.showingMap = false
            }) {
                Text("完成").bold()
            })
        }
    }
}

效果