![見出し画像](https://assets.st-note.com/production/uploads/images/125027663/rectangle_large_type_2_850562509aa159e6e4b285c15915fffd.png?width=800)
みんなのSwift。 - 地図を表示!
SwiftUIを使えば地図も簡単に表示することができます。
以下コードをSwiftPlaygroundsで実行してみます。
import SwiftUI
import MapKit
struct ContentView: View {
var body: some View {
Map()
}
}
これだけで右側に日本地図が表示されています。
![](https://assets.st-note.com/img/1703505952850-MgQcxAYz4x.png?width=800)
Map()
.mapStyle(.imagery(elevation: .realistic))
とモディファイアをつけると
![](https://assets.st-note.com/img/1703506752520-0XF2u8T0o4.png?width=800)
となります。他に、" .mapStyle(.hybrid)"があります。
2D,3D切り替えのコードです。神戸三宮駅周辺位置を表示させています。
import SwiftUI
import MapKit
struct ContentView: View {
@State private var position: MapCameraPosition = .region(.init(
center: .init(latitude: 34.69479006649012, longitude: 135.1949791935685),
span: .init(latitudeDelta: 0.005, longitudeDelta: 0.005)
))
var body: some View {
Map(position: $position)
.mapControls {
MapPitchToggle()
}
}
}
Map(position: $position)
変数positionに位置情報を入れてMap()に渡しています。緯度、経度についてはGoogleMapで調べています。
![](https://assets.st-note.com/img/1703509517084-IdPlIlUFhk.png?width=800)
参考サイト
この記事が気に入ったらサポートをしてみませんか?