Your SlideShare is downloading. ×
iOS Map and Location
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

iOS Map and Location

1,101
views

Published on

iOS Map and Location …

iOS Map and Location
http://MobileDev.TW

Published in: Technology

0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,101
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
0
Likes
6
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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.framework2.  在需要定位的.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.  在畫面上新增兩個Label2.  定位完成後,使用CLGeocoder 的reverseGeocodeLocation來進行轉換 Map&GPS 8 http://MobileDev.TW
  • 9. 3.將定位位置秀在地圖上Map&GPS 9 http://MobileDev.TW
  • 10. 將定位位置秀在地圖上1.  加入MapKit.framework2.  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. LabMap&GPS 13 http://MobileDev.TW
  • 14. Lab1.  拉進Segmented Control,設定成三顆 Map&GPS 14 http://MobileDev.TW
  • 15. Lab2.  建立程式關聯性,action3.  修改sender形態為UISegmentedControl* Map&GPS 15 http://MobileDev.TW
  • 16. Lab4.  當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 youMap&GPS http://MobileDev.TW

×