MKMapView

UIViewRepresentable

MKAnnotation

bodyは消す

マップを表示できる

ユーザーが操作する事ができる

注釈、表示のサイズを変える

中心点を決める

ズームレベルを設定する

指の動きに合わせて、拡大、縮小できるの

class MKMapView : UIView

import SwiftUI
import MapKit//MapKitを使えるようにする

struct MapView: UIViewRepresentable {//橋渡しをするプロトコル
func makeUIView(context: Context) -> MKMapView {//MKMapView型
MKMapView(frame: .zero)
}

func updateUIView(_ uiView: MKMapView, context: Context) {
let coordinate = CLLocationCoordinate2D(
latitude: 34.011286, longitude: -116.166868)

let span = MKCoordinateSpan(latitudeDelta: 2.0, longitudeDelta: 2.0)
let region = MKCoordinateRegion(center: coordinate, span: span)
uiView.setRegion(region, animated: true)
}
}

struct MapView_Previews: PreviewProvider {//プレビュー表示の部分
static var previews: some View {
MapView()
}
}

struct MapView: UIViewRepresentable {//橋渡しをするプロトコル
func makeUIView(context: Context) -> MKMapView {
MKMapView(frame: .zero)
}

アプリから、マップコンテンツを操作。

ズームレベルの設定

中心などを決められる。

注釈などをつける事ができる。

マップの明るさを指定できる。

フリックやジェスチャーも使える

マップのスクロールもできます。

アニメーションの設定（pokemonGOみたいな事）

func updateUIView(_ uiView: Self.UIViewType, context: Self.Context)

class MKPointAnnotation : MKShape

let MyPin = MKPointAnnotation()//まずインスタンス化

myPin.coordinate = cordinagte

myPin.title = "東京タワーです"

CLLocationCoordinate2D CLLocationCoordinate2DMake(CLLocationDegrees latitude, CLLocationDegrees longitude);

let latitude = 35.685375, longitude = 139.752848
let coordinate = CLLocationCoordinate2DMake(latitude, longitude)

let region = MKCoordinateRegion(center: coordinate, span: span)

uiView.setRegion(region, animated: true)

func updateUIView(_ uiView: MKMapView, context: Context){

}

protocol UIViewRepresentable : View where Self.Body == Never

struct MapView: UIViewRepresentable {

func makeUIView(context: Context) -> MKMapView{

return MKMapView()

}

func updateUIView(_ uiView, context: Context){

}

}

struct ContentView: View {

var body: some View

{ Text("Turtle Rock")

.font(.title)

}

}

struct ContentView: View {

var body: some View{

Text("Turtle Rock")

.font(.title)

}

}