MyMapView.swift

//
//  MyMapView.swift
//
//  Created by Andrew Morgan on 22/06/2021.
//

import MapKit
import SwiftUI

struct MyAnnotationItem: Identifiable {
    var coordinate: CLLocationCoordinate2D
    var color: Color?
    var tint: Color { color ?? .red }
    let id = UUID()
}

struct MyMapView: View {
   
    @State private var region: MKCoordinateRegion = MKCoordinateRegion(
        center: CLLocationCoordinate2D(latitude: MapDefaults.latitude, longitude: MapDefaults.longitude),
        span: MKCoordinateSpan(latitudeDelta: MapDefaults.zoom, longitudeDelta: MapDefaults.zoom))
    
    let annotationItems = [MyAnnotationItem(
                            coordinate: CLLocationCoordinate2D(
                                latitude: MapDefaults.latitude,
                                longitude: MapDefaults.longitude)),
                           MyAnnotationItem(
                            coordinate: CLLocationCoordinate2D(
                                latitude: 45.8827419,
                                longitude: -1.1932383),
                            color: .yellow),
                           MyAnnotationItem(
                            coordinate: CLLocationCoordinate2D(
                                latitude: 45.915737,
                                longitude: -1.3300991),
                            color: .blue)]
    
    private enum MapDefaults {
        static let latitude = 45.872
        static let longitude = -1.248
        static let zoom = 0.5
    }
    
    var body: some View {
        VStack {
            Text("lat: \(region.center.latitude), long: \(region.center.longitude). Zoom: \(region.span.latitudeDelta)")
            .font(.caption)
            .padding()
            Map(coordinateRegion: $region,
                interactionModes: .all,
                showsUserLocation: true,
                annotationItems: annotationItems) { item in
                MapAnnotation(coordinate: item.coordinate) {
                    Image(systemName: "gamecontroller.fill")
                        .foregroundColor(item.tint)
                }
            }
        }
    }
}