iOS Map and Location

1,503 views
1,371 views

Published on

iOS Map and Location
http://MobileDev.TW

Published in: Technology
0 Comments
7 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,503
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
0
Comments
0
Likes
7
Embeds 0
No embeds

No notes for slide

iOS Map and Location

  1. 1. iOS APP Development Map&Location 地圖與定位 鐘祥仁 Ryan ryan@iii.org.tw Map&GPS 1 http://MobileDev.TW
  2. 2. 大綱• 定位 • 拿到經緯度 • 將定位轉換成地址• 地圖應用 • 將定位位置秀在地圖上 • 地圖形態:一般、衛星、混合 • 加入自定圖標 • 區分各別自定圖標 • 客製化圖標影像 • 導航 (iOS6 Apple Map) Map&GPS 2 http://MobileDev.TW
  3. 3. 1.定位•  拿到自己的經緯度 Map&GPS 3 http://MobileDev.TW
  4. 4. 定位1.  點選target --> Build Phases --> Link Binary With Libraries,加入CoreLocation.framework2.  在需要定位的.h檔中import,並且遵 循CLLocationManagerDelegate,並加入一 個iVar,資料形態為CLLocationManager Map&GPS 4 http://MobileDev.TW
  5. 5. 定位3.  在viewDidLoad中加入 Map&GPS 5 http://MobileDev.TW
  6. 6. 定位 4.  實作didUpdateToLocation方法,取得目前經緯度4.  實作didUpdateLocations方法,取得目前經緯度(iOS6) Map&GPS 6 http://MobileDev.TW
  7. 7. 2.將定位轉換成地址Map&GPS 7 http://MobileDev.TW
  8. 8. 將定位轉換成地址1.  在畫面上新增兩個Label2.  定位完成後,使用CLGeocoder 的reverseGeocodeLocation來進行轉換 Map&GPS 8 http://MobileDev.TW
  9. 9. 3.將定位位置秀在地圖上Map&GPS 9 http://MobileDev.TW
  10. 10. 將定位位置秀在地圖上1.  加入MapKit.framework2.  import Mapkit、加入delegate、拉MapView ( 勾選Shows User Location、Allows Zooming 、Allows Scrolling) Map&GPS 10 http://MobileDev.TW
  11. 11. 將定位位置秀在地圖上3.  在取得經緯度時,設定mapView的中心位置與縮 放尺寸 Map&GPS 11 http://MobileDev.TW
  12. 12. 3.Lab•  MapView有三種呈現方式,透過setMapType方法 可以進行設定: •  MKMapTypeStandard •  MKMapTypeSatellite •  MKMapTypeHybrid•  請結合Segmented Control,讓使用者可以切換地 圖呈現方式 Map&GPS 12 http://MobileDev.TW
  13. 13. LabMap&GPS 13 http://MobileDev.TW
  14. 14. Lab1.  拉進Segmented Control,設定成三顆 Map&GPS 14 http://MobileDev.TW
  15. 15. Lab2.  建立程式關聯性,action3.  修改sender形態為UISegmentedControl* Map&GPS 15 http://MobileDev.TW
  16. 16. Lab4.  當SegmentedControl值改變時,就對應變更地圖 呈現的方式 Map&GPS 16 http://MobileDev.TW
  17. 17. 4.加入自定圖標Map&GPS 17 http://MobileDev.TW
  18. 18. 加入自定圖標1.  建立新檔案,繼承NSObject,命名 為MyAnnotation,遵循<MKAnnotation> Map&GPS 18 http://MobileDev.TW
  19. 19. 加入自定圖標2.  MyAnnotation.m Map&GPS 19 http://MobileDev.TW
  20. 20. 加入自定圖標3.  製作一個方法來加入多個自定圖標 Map&GPS 20 http://MobileDev.TW
  21. 21. 加入自定圖標4.  在地圖跳至目前位置之後,呼叫加入自定圖標的方法 Map&GPS 21 http://MobileDev.TW
  22. 22. 5.區分各別自定圖標Map&GPS 22 http://MobileDev.TW
  23. 23. 區分各別自定圖標1.  利用在viewForAnnotation方法中的annotation 的標題或子標題來區分 Map&GPS 23 http://MobileDev.TW
  24. 24. 區分各別自定圖標2.  利用MKPinAnnotationView的reuseIdentifier來 區分是哪一個圖標被按下 Map&GPS 24 http://MobileDev.TW
  25. 25. 5.Lab小圖示•  在彈出視窗中加入小圖示 Map&GPS 25 http://MobileDev.TW
  26. 26. 小圖示在viewForAnnotation方法中的MKPinAnnotationView 中設定leftCalloutAccessoryView屬性 Map&GPS 26 http://MobileDev.TW
  27. 27. 6.客製化圖標影像Map&GPS 27 http://MobileDev.TW
  28. 28. 客製化圖標影像1.  新建檔案,繼承自MKAnnotationView Map&GPS 28 http://MobileDev.TW
  29. 29. 客製化圖標影像2.  實作時,使用輸入的圖片,加至目前畫面 Map&GPS 29 http://MobileDev.TW
  30. 30. 客製化圖標影像3.  回到viewForAnnotation,不使 用MKPinAnnotationView,改採用剛才自定 的CSImageAnnotationView Map&GPS 30 http://MobileDev.TW
  31. 31. 導航(iOS6 – Apple Map) Map&GPS 31 http://MobileDev.TW
  32. 32. 7.從目前的位置導航到特定位置•  設定目的地位置相關資訊•  開啟Apple Map,從目前位置導航至該位置 Map&GPS 32 http://MobileDev.TW
  33. 33. Thank youMap&GPS http://MobileDev.TW

×