Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Map&GPS http://MobileDev.TW
iOS APP Development
Map&Location
in Swift
地圖與定位
Ryan Chung
1
MapGPS http://MobileDev.TW
大綱
• 定位
• 拿到經緯度
• 將定位轉換成地址
• 地圖應用
• 將定位位置秀在地圖上
• 地圖形態:一般、衛星、混合
• 加入自定圖標
• 區分各別自定圖標
• 客製化圖標影像
• ...
MapGPS http://MobileDev.TW
定位
•  拿到自己的經緯度
3
MapGPS http://MobileDev.TW
定位
1.  點選target -- Build Phases -- Link Binary With
Libraries,加入CoreLocation.framework
2.  在需要定...
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...
MapGPS http://MobileDev.TW
將定位位置秀在地圖上
3.  在取得經緯度時,設定mapView的中心位置與縮
放尺寸
12
MapGPS http://MobileDev.TW
3.Lab
•  MapView有三種呈現方式,透過mapType進行設定:
•  MKMapType.Standard
•  MKMapType.Satellite
•  MKMapTyp...
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
Upcoming SlideShare
Loading in …5
×

Map&Location-Swift

519 views

Published on

http://MobileDev.TW

Published in: Technology
  • Be the first to comment

Map&Location-Swift

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

×