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.

iOS Map and Location

1,651 views

Published on

iOS Map and Location
http://MobileDev.TW

Published in: Technology
  • Be the first to comment

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

×