Map&GPS http://MobileDev.TW
iOS APP Development
Map&Location
in Swift
地圖與定位
Ryan Chung
1
MapGPS http://MobileDev.TW
大綱
• 定位
• 拿到經緯度
• 將定位轉換成地址
• 地圖應用
• 將定位位置秀在地圖上
• 地圖形態:一般、衛星、混合
• 加入自定圖標
• 區分各別自定圖標
• 客製化圖標影像
• 導航 (Apple Map)
2
MapGPS http://MobileDev.TW
定位
•  拿到自己的經緯度
3
MapGPS http://MobileDev.TW
定位
1.  點選target -- Build Phases -- Link Binary With
Libraries,加入CoreLocation.framework
2.  在需要定位的.h檔中import,並且遵
循CLLocationManagerDelegate,並加入一
個iVar,資料形態為CLLocationManager
4
MapGPS http://MobileDev.TW
定位
3.  在viewDidLoad中加入
5
MapGPS http://MobileDev.TW
定位
4.  實作didUpdateLocations方法,取得目前經緯度
6
MapGPS http://MobileDev.TW
定位
5.  修改Info.plist,設定索取地理位置出現的資訊
7
MapGPS http://MobileDev.TW
將定位轉換成地址
8
MapGPS http://MobileDev.TW
將定位轉換成地址
定位完成後,使用CLGeocoder
的reverseGeocodeLocation來進行轉換
9
MapGPS http://MobileDev.TW
將定位位置秀在地圖上
10
MapGPS http://MobileDev.TW
將定位位置秀在地圖上
1.  加入MapKit.framework
2.  import Mapkit、加入delegate、拉MapView (勾
選Shows User Location,其他視需求勾選)
11
MapGPS http://MobileDev.TW
將定位位置秀在地圖上
3.  在取得經緯度時,設定mapView的中心位置與縮
放尺寸
12
MapGPS http://MobileDev.TW
3.Lab
•  MapView有三種呈現方式,透過mapType進行設定:
•  MKMapType.Standard
•  MKMapType.Satellite
•  MKMapType.Hybrid
•  請結合Segmented Control,讓使用者可以切換地圖
呈現方式
13
MapGPS http://MobileDev.TW
加入自定圖標
14
MapGPS http://MobileDev.TW
加入自定圖標
1.  建立新檔案(OS X-Source-Swift File),繼
承NSObject,命名為MyAnnotation,遵
循MKAnnotation協定
15
MapGPS http://MobileDev.TW
加入自定圖標
2.  MyAnnotation.swift
16
MapGPS http://MobileDev.TW
加入自定圖標
3.  回到ViewController, 製作一個方法來加入多個自定
圖標
17
MapGPS http://MobileDev.TW
加入自定圖標
4.  在畫面載入後,呼叫剛才建立的加入自定圖標方法
18
MapGPS http://MobileDev.TW
區分各別自定圖標
19
MapGPS http://MobileDev.TW
區分各別自定圖標
1.  利用annotation的標題或子標題來區分
20
MapGPS http://MobileDev.TW
區分各別自定圖標
2.  利用剛才設定的reuseIdentifier來區分是哪一個圖
標被按下
21
MapGPS http://MobileDev.TW
小圖示
•  在彈出視窗中加入小圖示
22
MapGPS http://MobileDev.TW
小圖示
在viewForAnnotation方法中的MKPinAnnotationView中
設定leftCalloutAccessoryView屬性
23
MapGPS http://MobileDev.TW
客製化圖標影像
24
MapGPS http://MobileDev.TW
客製化圖標影像
直接使用MKAnnotationView
25
MapGPS http://MobileDev.TW
導航
26
MapGPS http://MobileDev.TW
從目前的位置導航到特定位置
•  設定目的地位置相關資訊,開啟Apple Map,從目前
位置導航至該位置
27
MapGPS http://MobileDev.TW
Thank you
28

More Related Content

PDF
NetworkService-Swift
PDF
UIKit-Swift
PDF
Enterprise Mobility
PDF
Online Education Resources
PDF
iOS Map and Location
PDF
【1110ROS群開講】開發機器人大腦 - 智慧導航實務應用_賴俊吉
PDF
Google maps Javascript API v3
PDF
TrainingProgramAtMobileDevTW
NetworkService-Swift
UIKit-Swift
Enterprise Mobility
Online Education Resources
iOS Map and Location
【1110ROS群開講】開發機器人大腦 - 智慧導航實務應用_賴俊吉
Google maps Javascript API v3
TrainingProgramAtMobileDevTW

More from Ryan Chung (20)

PDF
Voice-First Games for Alexa
PDF
AI Service Integration - Education
PDF
AI Service Integration
PDF
AI Adoption in the Enterprise
PDF
Intro to Dialogflow Chatbot Development
PDF
AI in Classroom
PDF
AWS re:Invent 2018 Recap
PDF
MovieBot
PDF
Service Integration Workshop
PDF
MPP AI
PDF
Smart Home Intro Lab
PDF
Introduction to DialogFlow
PDF
Conversational AI Orientation
PDF
Udacity Meet Up - 0413
PDF
Amazon Alexa Development Part II
PDF
Amazon Alexa Development
PDF
Microsoft Professional Program - AI
PDF
AI Service Integration
PDF
Intro to AI
PDF
Hour of Code - Amazon Alexa
Voice-First Games for Alexa
AI Service Integration - Education
AI Service Integration
AI Adoption in the Enterprise
Intro to Dialogflow Chatbot Development
AI in Classroom
AWS re:Invent 2018 Recap
MovieBot
Service Integration Workshop
MPP AI
Smart Home Intro Lab
Introduction to DialogFlow
Conversational AI Orientation
Udacity Meet Up - 0413
Amazon Alexa Development Part II
Amazon Alexa Development
Microsoft Professional Program - AI
AI Service Integration
Intro to AI
Hour of Code - Amazon Alexa
Ad

Map&Location-Swift