Mapping With Xamarin

An overview presentation on working with mapping controls with Xamarin.Android, Xamarin.iOS, and Xamarin.Forms.

Transcript

1. MAPPING WITH Presented by Roger Peters   Virtual Xamarin Users Group   January 20th, 2015 XAMARIN h#ps://github.com/SmartyP/xamarin-­‐mapping-­‐sample-­‐apps
2. ALL MOBILE Roger Peters (@SmartyP)   Independent Mobile Developer   AllMobileEverything.com   SmartyPantsCoding.com   SmartyP.net EVERYTHING
3. To Embed or Not to Embed • What are you mapping? (Points, Regions, etc.) • How many items are you mapping? • What functionality does your user need/expect? • Time / Effort considerations
4. Let’s Talk About Mapping Using.. • Xamarin.Android • Xamarin.iOS • Xamarin.Forms
5. XAMARIN.ANDROID
6. Android Mapping Basics • Launch Google Maps • Embed Google Maps • Embed 3rd Party Map control (Bing, TomTom, etc.)* * not covered here
7. Launch Map Activity Open Google Maps to GPS coordinate Open Google Maps to Street View Reference: h#p://developer.xamarin.com/guides/android/pla>orm_features/ maps_and_locaAon/maps/part_1_-­‐_maps_applicaAon/
8. Embed Google Maps API v2 Reference: h#p://developer.xamarin.com/guides/android/pla>orm_features/ maps_and_locaAon/maps/part_2_-­‐_maps_api/ Use MapFragment in Activity layout XML: Get reference to control from code behind:
9. Setup Your App for Google Maps • Generate a SHA1 fingerprint from signing .keystore • Get a Google Maps API key • Add API key to AndroidManifest.xml • Add permissions for INTERNET, ACCESS_NETWORK_STATE, and WRITE_EXTERNAL_STORAGE, etc. ref:     h#ps://code.google.com/apis/console/   h#ps://developers.google.com/maps/documentaAon/android/start#obtain_a_google_maps_api_key
10. Embed Google Maps API v2 (cont’d) Reference: h#p://developer.xamarin.com/guides/android/pla>orm_features/maps_and_locaAon/maps/ part_2_-­‐_maps_api/ Common GoogleMap methods and properties: • MapType (Normal, Satellite, Hybrid, Terrain) • MoveCamera • Markers, Overlays
11. XAMARIN.ANDROID DEMO
12. XAMARIN.iOS
13. iOS Mapping Basics • Launch Maps app • Embed Mapkit control • Embed 3rd party map control (Google Maps, etc.)* * not covered here
14. Launch Map App Open a formatted URL: Reference: h#p://forums.xamarin.com/discussion/9894/how-­‐can-­‐i-­‐launch-­‐map-­‐app-­‐naAve-­‐for-­‐geJng-­‐direcAons h#ps://developer.apple.com/library/ios/featuredarAcles/iPhoneURLScheme_Reference/MapLinks/MapLinks.html#//apple_ref/doc/uid/ TP40007899-­‐CH5-­‐SW1
15. Embed MapKit Control References: h#p://developer.xamarin.com/guides/ios/pla>orm_features/ios_maps/   h#p://developer.xamarin.com/guides/ios/pla>orm_features/ios_maps_walkthrough/   h#p://developer.xamarin.com/recipes/ios/content_controls/map_view/add_an_overlay_to_a_map/ Create MKMapView in code (or Storyboard): Common MKMapView methods and properties: • MapType (Standard, Satellite, Hybrid) • ZoomEnabled, ScrollEnabled • ShowUserLocation • Annotations, Overlays
16. Setup Your App for MapKit • Update info.plist to include NSLocationWhenInUseUsageDescription and NSLocationAlwaysUsageDescription strings • Call RequestWhenInUseAuthorization() on startup Note: new requirements for iOS8+
17. XAMARIN.iOS DEMO
18. XAMARIN.FORMS
19. Xamarin.Forms Mapping Basics • Launch native mapping app (ref: platform examples) • Embed Xamarin.Forms Map control • Embed 3rd party map controls (ArcGIS, etc.)* * would likely require creating custom renderer wrappers per platform
20. Per Platform Setup iOS - Must add 2 text strings to Info.plist for iOS8+ Android - Must include Google Maps API key in AndroidManifest.xml and include app permissions Windows Phone - Must add needed capabilities to WMAppManifest.xml Reference: h#p://developer.xamarin.com/guides/cross-­‐pla>orm/xamarin-­‐forms/working-­‐with/maps/
21. Xamarin.Forms Map Control Created via code: Reference: h#p://developer.xamarin.com/guides/cross-­‐pla>orm/xamarin-­‐forms/working-­‐with/maps/
22. Xamarin.Forms Map Control (cont’d) Created via XAML: Reference: h#p://developer.xamarin.com/guides/cross-­‐pla>orm/xamarin-­‐forms/working-­‐with/maps/
23. Xamarin.Forms.Map Control References: h#p://developer.xamarin.com/guides/cross-­‐pla>orm/xamarin-­‐forms/working-­‐with/maps/ Common Map methods and properties: • MapType (Street, Satellite, Hybrid) • HasZoomEnabled, HasScrollEnabled • IsShowingUser • Pins
24. XAMARIN.FORMS DEMO
25. Advanced Maps - Marker Clustering References: h#ps://developers.google.com/maps/documentaAon/android/uAlity/marker-­‐clustering   h#p://robots.thoughtbot.com/how-­‐to-­‐handle-­‐large-­‐amounts-­‐of-­‐data-­‐on-­‐maps   h#p://blogs.msdn.com/b/bingdevcenter/archive/2013/10/15/clustering-­‐pushpins-­‐in-­‐windows-­‐store-­‐apps.aspx Grouping large numbers of markers into group markers to avoid plotting thousands of items each draw call. Included in Google Maps Android API Utility Library. Create your own on other platforms.
26. Mapping With Xamarin Summary • Each approach requires some level of setup • There is variance in capabilities between mapping platforms • Xamarin.Forms.Maps provides cross-platform approach with common map functions
27. THANK YOU!
28. Q&A h#ps://github.com/SmartyP/xamarin-­‐mapping-­‐sample-­‐apps
29. ALL MOBILE Roger Peters (@SmartyP)   Independent Mobile Developer   AllMobileEverything.com   SmartyPantsCoding.com   SmartyP.net EVERYTHING