How do I dynamically add pins and other annotations to the new SwiftUI Map view for iOS 14

Question

Created Jan ’21

Replies 2

Boosts 0

Views 3.2k

Participants 3

I already know how to set up map pins or annotations like discussed here: https://developer.apple.com/forums/thread/651668

But the real question is:
How do I replace the hardcoded location data with passed parameters?

This Code is executed without problems, due to the fact that the coords in locations are hardcoded:

Code Block import SwiftUI
import MapKit
struct Location: Identifiable {
    let id = UUID()
    let name: String
    let latitude: Double
    let longitude: Double
    var coordinate: CLLocationCoordinate2D {
        CLLocationCoordinate2D(latitude: latitude, longitude: longitude)
    }
}
struct MapView: View {
    let locations = [Location(name: "Turtle Rock", latitude: 34.011_286, longitude: -116.166_868)]
    var coordinate: CLLocationCoordinate2D
    var lat: Double
    var long: Double
    @State private var region = MKCoordinateRegion()
    var body: some View {
        Map(coordinateRegion: $region,showsUserLocation: true, annotationItems: locations){ loco in
            MapPin(coordinate: loco.coordinate)
        }
        .onAppear{
            setRegion(coordinate)
        }  		.edgesIgnoringSafeArea(.all)
    }
    private func setRegion(_ coordinate: CLLocationCoordinate2D){
        region = MKCoordinateRegion(
            center: coordinate,
            span: MKCoordinateSpan(latitudeDelta: 0.2, longitudeDelta: 0.2)
        )
    }
}
struct MapView_Previews: PreviewProvider {
    static var previews: some View {
        MapView(coordinate: CLLocationCoordinate2D(latitude: 34.011_286, longitude: -116.166_868),lat: 34.011_286, long: -116.166_868)
    }
}

But as soon as I try to use lat(itude) or long(itude) or even coordinate from the passed parameters, I have to use lazy vars and therefore cannot access that mutable getters... any advice?

Code Block let locations = [Location(name: "Turtle Rock", latitude: lat, longitude: long)]
//this Throws: Cannot use instance member 'lat' within property initializer; property initializers run before 'self' is available.
//Using lazy var results in: Cannot use mutating getter on immutable value: 'self' is immutable

Boost

Answer 1

iOS Magic Makrs OP

Mar ’21

I'm attempting to do the same thing (I think). The equivalent of dropping a pin in a Map() with a longpress gesture in SwiftUI. My hope is that the user can create an object that is an annotationItem.

Were you able to figure this out?

Thanks.

-Kurt

0

Answer 2

Frameworks Engineer OP

Apple

Jun ’21

Accepted Answer

The code you have shared attempts to dynamically provide a latitude and a longitude for the hard coded place "Turtle Rock". I think what you actually want to achieve, is to dynamically provide one or many locations to your MapView.

So rather than passing a lat and a long, and hard coding a locations array of a single "Turtle Rock" Location within your MapView, you want to pass an array of Location structs to the MapView initializer.

You can achieve this by changing the locations property to a var instead of a let and pass in the array of Locations in the initializer instead of the lat and long your code currently uses.

1