iOS Map and Location http://MobileDev.TW

1. iOS APP Development
Map&Location
地圖與定位
鐘祥仁 Ryan
ryan@iii.org.tw
Map&GPS 1 http://MobileDev.TW

2. 大綱
• 定位
• 拿到經緯度
• 將定位轉換成地址
• 地圖應用
• 將定位位置秀在地圖上
• 地圖形態：一般、衛星、混合
• 加入自定圖標
• 區分各別自定圖標
• 客製化圖標影像
• 導航 (iOS6 Apple Map)
Map&GPS 2 http://MobileDev.TW

3. 1.定位
• 拿到自己的經緯度
Map&GPS 3 http://MobileDev.TW

4. 定位
1. 點選target --> Build Phases --> Link Binary With
Libraries，加入CoreLocation.framework
2. 在需要定位的.h檔中import，並且遵
循CLLocationManagerDelegate，並加入一
個iVar，資料形態為CLLocationManager
Map&GPS 4 http://MobileDev.TW

5. 定位
3. 在viewDidLoad中加入
Map&GPS 5 http://MobileDev.TW

6. 定位
4. 實作didUpdateToLocation方法，取得目前經緯度
4. 實作didUpdateLocations方法，取得目前經緯度(iOS6)
Map&GPS 6 http://MobileDev.TW

7. 2.將定位轉換成地址
Map&GPS 7 http://MobileDev.TW

8. 將定位轉換成地址
1. 在畫面上新增兩個Label
2. 定位完成後，使用CLGeocoder
的reverseGeocodeLocation來進行轉換
Map&GPS 8 http://MobileDev.TW

9. 3.將定位位置秀在地圖上
Map&GPS 9 http://MobileDev.TW

10. 將定位位置秀在地圖上
1. 加入MapKit.framework
2. import Mapkit、加入delegate、拉MapView (
勾選Shows User Location、Allows Zooming
、Allows Scrolling)
Map&GPS 10 http://MobileDev.TW

11. 將定位位置秀在地圖上
3. 在取得經緯度時，設定mapView的中心位置與縮
放尺寸
Map&GPS 11 http://MobileDev.TW

12. 3.Lab
• MapView有三種呈現方式，透過setMapType方法
可以進行設定：
• MKMapTypeStandard
• MKMapTypeSatellite
• MKMapTypeHybrid
• 請結合Segmented Control，讓使用者可以切換地
圖呈現方式
Map&GPS 12 http://MobileDev.TW

13. Lab
Map&GPS 13 http://MobileDev.TW

14. Lab
1. 拉進Segmented Control，設定成三顆
Map&GPS 14 http://MobileDev.TW

15. Lab
2. 建立程式關聯性，action
3. 修改sender形態為UISegmentedControl*
Map&GPS 15 http://MobileDev.TW

16. Lab
4. 當SegmentedControl值改變時，就對應變更地圖
呈現的方式
Map&GPS 16 http://MobileDev.TW

17. 4.加入自定圖標
Map&GPS 17 http://MobileDev.TW

18. 加入自定圖標
1. 建立新檔案，繼承NSObject，命名
為MyAnnotation，遵循<MKAnnotation>
Map&GPS 18 http://MobileDev.TW

19. 加入自定圖標
2. MyAnnotation.m
Map&GPS 19 http://MobileDev.TW

20. 加入自定圖標
3. 製作一個方法來加入多個自定圖標
Map&GPS 20 http://MobileDev.TW

21. 加入自定圖標
4. 在地圖跳至目前位置之後，呼叫加入自定圖標的方法
Map&GPS 21 http://MobileDev.TW

22. 5.區分各別自定圖標
Map&GPS 22 http://MobileDev.TW

23. 區分各別自定圖標
1. 利用在viewForAnnotation方法中的annotation
的標題或子標題來區分
Map&GPS 23 http://MobileDev.TW

24. 區分各別自定圖標
2. 利用MKPinAnnotationView的reuseIdentifier來
區分是哪一個圖標被按下
Map&GPS 24 http://MobileDev.TW

25. 5.Lab小圖示
• 在彈出視窗中加入小圖示
Map&GPS 25 http://MobileDev.TW

26. 小圖示
在viewForAnnotation方法中的MKPinAnnotationView
中設定leftCalloutAccessoryView屬性
Map&GPS 26 http://MobileDev.TW

27. 6.客製化圖標影像
Map&GPS 27 http://MobileDev.TW

28. 客製化圖標影像
1. 新建檔案，繼承自MKAnnotationView
Map&GPS 28 http://MobileDev.TW

29. 客製化圖標影像
2. 實作時，使用輸入的圖片，加至目前畫面
Map&GPS 29 http://MobileDev.TW

30. 客製化圖標影像
3. 回到viewForAnnotation，不使
用MKPinAnnotationView，改採用剛才自定
的CSImageAnnotationView
Map&GPS 30 http://MobileDev.TW

31. 導航(iOS6 – Apple Map)
Map&GPS 31 http://MobileDev.TW

32. 7.從目前的位置導航到特定位置
• 設定目的地位置相關資訊
• 開啟Apple Map，從目前位置導航至該位置
Map&GPS 32 http://MobileDev.TW

33. Thank you
Map&GPS http://MobileDev.TW