Swift|23 iOS SDK顯示地圖和地圖標記的方法

photo : W Workspace

最近看到泰國大城新開了一家購物商場
從 Xcode 的 playground 練習
利用 MKMapView 顯示地圖帶我去線上遊覽吧！
好想出國(〒︿〒)

先查出地點的經緯度

利用 Mac 的 Maps App 查詢經緯度的兩個方法

在Playground裡要看到顯示controller的view

需要使用live view

利用 Xcode playground 的 live view 顯示 App 畫面

在playground 加入 framework MapKit

import MapKit
//為了在playground看到地圖
import PlaygroundSupport
let mapView = MKMapView(frame: CGRect(x: 0, y: 0, width: 500, height: 500))
//顯示地圖經緯度和範圍
mapView.region = MKCoordinateRegion(center: CLLocationCoordinate2D(latitude: 14.331622, longitude: 100.611817), latitudinalMeters: 1000, longitudinalMeters: 1000)

顯示地圖中心點的經緯度和範圍

用mapView的region(區域)顯示地圖中心點和經緯度，
型別為MKCoordinateRegion，要輸入以下三種參數：

latitude 是緯度，longitude 是經度

• latitudinalMeters — 緯度範圍，單位是公尺
  因此我們寫入 1000， 表示地圖的最北邊和最南邊距離 1000 公尺
• longitudinalMeters — 經度範圍，單位是公尺
  因此我們寫入 1000 表示地圖的最東邊和最西邊距離 1000 公尺

用 MKPointAnnotation加入地點標記

可以加入標題(title)和副標題(subtitle)

let AyutthayaShoppingMall = MKPointAnnotation()
AyutthayaShoppingMall.title = "Central Ayutthaya"
AyutthayaShoppingMall.coordinate = CLLocationCoordinate2D(latitude: 14.331622, longitude: 100.611817)
AyutthayaShoppingMall.subtitle = "大城新開的百貨公司"
mapView.addAnnotation(AyutthayaShoppingMall)
PlaygroundPage.current.liveView = mapView

結果顯示如下

改變地圖顯示模式

mapView.mapType = .hybrid

衛星空照加地圖模式

mapView.mapType = .satellite

衛星空照模式

參考資料

iOS SDK 顯示地圖 & 地圖標記的方法