AppleMaps-part2.swift

// San Francisco: 37.7749, -122.4194
// New York: 40.7128, -74.0060

import SwiftUI
import MapKit // be sure to import MapKit
import PlaygroundSupport

struct ContentView: View {
    @State var latitude = 37.7749
    @State var longitude = -122.4194
    
    var body: some View {
        ZStack {
            MapView(latitude: $latitude, longitude: $longitude)
            
            VStack {
                HStack {
                    Spacer()
                    Controls(latitude: $latitude, longitude: $longitude)
                }
                
                Spacer()
                Sheet()
            }
        }
        .cornerRadius(24)
    }
}

struct Sheet: View {
    @State var search = ""
    
    var body: some View {
        VStack {
            RoundedRectangle(cornerRadius: 5)
                .frame(width: 32, height: 5)
                .foregroundColor(Color(UIColor.tertiaryLabel))
            
            HStack {
                Image(systemName: "magnifyingglass")
                TextField("Search for a place or address", text: $search)
                    .foregroundColor(.primary)
                Image(systemName: "mic.fill")
            }
            .foregroundColor(Color(UIColor.tertiaryLabel))
            .padding(12)
            .background(Color(UIColor.tertiarySystemGroupedBackground))
            .cornerRadius(12)
        }
        .padding(24)
        .padding(.top, -16)
        .background(Color(UIColor.secondarySystemGroupedBackground))
        .cornerRadius(12)
    }
}

struct Controls: View {
    @Binding var latitude: Double
    @Binding var longitude: Double
    
    var body: some View {
        VStack(spacing: 6) {
            VStack(spacing: 12) {
                Image(systemName: "info.circle")
                Divider()
                
                Button(action: {
                    // set location to New York
                    self.latitude = 40.7128
                    self.longitude = -74.0060
                }) {
                    Image(systemName: "location.fill")
                }
            }
            .frame(width: 40)
            .padding(.vertical, 12)
            .background(Color(UIColor.secondarySystemGroupedBackground))
            .cornerRadius(8)
            
            Image(systemName: "binoculars.fill")
                .frame(width: 40)
                .padding(.vertical, 12)
                .background(Color(UIColor.secondarySystemGroupedBackground))
                .cornerRadius(8)
        }
        .font(.system(size: 20))
        .foregroundColor(.blue)
        .padding()
        .shadow(color: Color(UIColor.black.withAlphaComponent(0.1)), radius: 4)
    }
}

struct MapView: UIViewRepresentable {
    @Binding var latitude: Double
    @Binding var longitude: Double
    
    func makeUIView(context: Context) -> MKMapView {
        return MKMapView(frame: .zero)
    }
    
    func updateUIView(_ view: MKMapView, context: Context) {
        let coordinate = CLLocationCoordinate2DMake(latitude, longitude)
        let span = MKCoordinateSpan(latitudeDelta: 0.3, longitudeDelta: 0.3)
        let region = MKCoordinateRegion(center: coordinate, span: span)
        view.setRegion(region, animated: true)
        
        // drop a pin
        let pin = MKPointAnnotation()
        // set the coordinates
        pin.coordinate = CLLocationCoordinate2D(latitude: latitude, longitude: longitude)
        // add to map
        view.addAnnotation(pin)
    }
}

PlaygroundPage.current.setLiveView(ContentView())