Developing iOS Map
Applications with C#
   Using MapKit with MonoTouch




               Jul 12, 2012

         Copyright 2012 © Xamarin Inc. All rights reserved
Agenda
Introduction to MonoTouch

                       Mike Bluestein
                       Technical Writer
                       Xamarin Documentation Team
                       mike.bluestein@xamarin.com
                       @mikebluestein




                                                        Xamarin
    Copyright 2012 © Xamarin Inc. All rights reserved
Introduction

This session will cover the following:




                                                             Xamarin
         Copyright 2012 © Xamarin Inc. All rights reserved
Introduction

This session will cover the following:



               Adding a Map




                                                             Xamarin
         Copyright 2012 © Xamarin Inc. All rights reserved
Introduction

This session will cover the following:



           Adding a Map
       Customizing Map Style




                                                             Xamarin
         Copyright 2012 © Xamarin Inc. All rights reserved
Introduction

This session will cover the following:



           Adding a Map
       Customizing Map Style
       Showing User Location




                                                             Xamarin
         Copyright 2012 © Xamarin Inc. All rights reserved
Introduction

This session will cover the following:



           Adding a Map
       Customizing Map Style
       Showing User Location
        Adding Annotations




                                                             Xamarin
         Copyright 2012 © Xamarin Inc. All rights reserved
Introduction

This session will cover the following:



           Adding a Map
       Customizing Map Style
       Showing User Location
        Adding Annotations
          Adding Overlays


                                                             Xamarin
         Copyright 2012 © Xamarin Inc. All rights reserved
MapKit Framework
MapKit Framework
MapKit Framework


•   Interactive maps in iOS
MapKit Framework


•   Interactive maps in iOS

•   MonoTouch.MapKit
MKMapView
MKMapView
MKMapView
•   Built-in map control
MKMapView
•   Built-in map control

•   Zooming and Panning
MKMapView
•   Built-in map control

•   Zooming and Panning

•   Maps Styles
MKMapView
•   Built-in map control

•   Zooming and Panning

•   Maps Styles

•   Annotations
MKMapView
•   Built-in map control

•   Zooming and Panning

•   Maps Styles

•   Annotations

•   Overlays
MKMapView
•   Built-in map control

•   Zooming and Panning

•   Maps Styles

•   Annotations

•   Overlays

•   Device Location
Map Styles
Map Styles
•   Changes graphics used in
    map tiles
Map Styles
•   Changes graphics used in
    map tiles

•   MKMapView.MapType

    •   MKMapType.Standard

    •   MKMapType.Satellite

    •   MKMapType.Hybrid
Map Styles
•   Changes graphics used in
    map tiles

•   MKMapView.MapType

    •   MKMapType.Standard

    •   MKMapType.Satellite

    •   MKMapType.Hybrid
                               Standard
Map Styles
•   Changes graphics used in
    map tiles

•   MKMapView.MapType

    •   MKMapType.Standard

    •   MKMapType.Satellite

    •   MKMapType.Hybrid
                               Standard   Satellite
Map Styles
•   Changes graphics used in
    map tiles

•   MKMapView.MapType

    •   MKMapType.Standard

    •   MKMapType.Satellite

    •   MKMapType.Hybrid
                               Standard   Satellite   Hybrid
Map Annotations
Map Annotations

•   Image that marks a map
    location
Map Annotations

•   Image that marks a map
    location

•   User location annotation
Map Annotations

•   Image that marks a map
    location

•   User location annotation

•   Built-in pin annotations
Map Annotations

•   Image that marks a map
    location

•   User location annotation

•   Built-in pin annotations

•   Custom images
Map Annotations

•   Image that marks a map
    location

•   User location annotation

•   Built-in pin annotations

•   Custom images
                               User Location
Map Annotations

•   Image that marks a map
    location

•   User location annotation

•   Built-in pin annotations

•   Custom images
                               User Location   Pin
Map Annotations

•   Image that marks a map
    location

•   User location annotation

•   Built-in pin annotations

•   Custom images
                               User Location   Pin   Custom
Map Overlays
Map Overlays
Map Overlays
•   Graphics drawn on map
Map Overlays
•   Graphics drawn on map

•   Scale with map
Map Overlays
•   Graphics drawn on map

•   Scale with map

•   System provided circle,
    polygon and polyline
    overlays
Map Overlays
•   Graphics drawn on map

•   Scale with map

•   System provided circle,
    polygon and polyline
    overlays

•   Custom overlays for
    drawing arbitrary shapes
Demo
References
• Xamarin iOS Recipes - docs.xamarin.com/iOS/recipes
 • Content Controls - Map View
• Xamarin Samples - samples.xamarin.com/iOS
 • Maps Callout Demo
 • Weather Map
 • World Cities
 • Protocols, Delegates and Events
Xamarin
    Seminar
   Please give us your feedback
  http://bit.ly/xamfeedback


      Follow us on Twitter
        @XamarinHQ



        Copyright 2012 © Xamarin Inc. All rights reserved

Developing iOS Map Applications with C#

  • 1.
    Developing iOS Map Applicationswith C# Using MapKit with MonoTouch Jul 12, 2012 Copyright 2012 © Xamarin Inc. All rights reserved
  • 2.
    Agenda Introduction to MonoTouch Mike Bluestein Technical Writer Xamarin Documentation Team mike.bluestein@xamarin.com @mikebluestein Xamarin Copyright 2012 © Xamarin Inc. All rights reserved
  • 3.
    Introduction This session willcover the following: Xamarin Copyright 2012 © Xamarin Inc. All rights reserved
  • 4.
    Introduction This session willcover the following: Adding a Map Xamarin Copyright 2012 © Xamarin Inc. All rights reserved
  • 5.
    Introduction This session willcover the following: Adding a Map Customizing Map Style Xamarin Copyright 2012 © Xamarin Inc. All rights reserved
  • 6.
    Introduction This session willcover the following: Adding a Map Customizing Map Style Showing User Location Xamarin Copyright 2012 © Xamarin Inc. All rights reserved
  • 7.
    Introduction This session willcover the following: Adding a Map Customizing Map Style Showing User Location Adding Annotations Xamarin Copyright 2012 © Xamarin Inc. All rights reserved
  • 8.
    Introduction This session willcover the following: Adding a Map Customizing Map Style Showing User Location Adding Annotations Adding Overlays Xamarin Copyright 2012 © Xamarin Inc. All rights reserved
  • 9.
  • 10.
  • 11.
    MapKit Framework • Interactive maps in iOS
  • 12.
    MapKit Framework • Interactive maps in iOS • MonoTouch.MapKit
  • 13.
  • 14.
  • 15.
    MKMapView • Built-in map control
  • 16.
    MKMapView • Built-in map control • Zooming and Panning
  • 17.
    MKMapView • Built-in map control • Zooming and Panning • Maps Styles
  • 18.
    MKMapView • Built-in map control • Zooming and Panning • Maps Styles • Annotations
  • 19.
    MKMapView • Built-in map control • Zooming and Panning • Maps Styles • Annotations • Overlays
  • 20.
    MKMapView • Built-in map control • Zooming and Panning • Maps Styles • Annotations • Overlays • Device Location
  • 21.
  • 22.
    Map Styles • Changes graphics used in map tiles
  • 23.
    Map Styles • Changes graphics used in map tiles • MKMapView.MapType • MKMapType.Standard • MKMapType.Satellite • MKMapType.Hybrid
  • 24.
    Map Styles • Changes graphics used in map tiles • MKMapView.MapType • MKMapType.Standard • MKMapType.Satellite • MKMapType.Hybrid Standard
  • 25.
    Map Styles • Changes graphics used in map tiles • MKMapView.MapType • MKMapType.Standard • MKMapType.Satellite • MKMapType.Hybrid Standard Satellite
  • 26.
    Map Styles • Changes graphics used in map tiles • MKMapView.MapType • MKMapType.Standard • MKMapType.Satellite • MKMapType.Hybrid Standard Satellite Hybrid
  • 27.
  • 28.
    Map Annotations • Image that marks a map location
  • 29.
    Map Annotations • Image that marks a map location • User location annotation
  • 30.
    Map Annotations • Image that marks a map location • User location annotation • Built-in pin annotations
  • 31.
    Map Annotations • Image that marks a map location • User location annotation • Built-in pin annotations • Custom images
  • 32.
    Map Annotations • Image that marks a map location • User location annotation • Built-in pin annotations • Custom images User Location
  • 33.
    Map Annotations • Image that marks a map location • User location annotation • Built-in pin annotations • Custom images User Location Pin
  • 34.
    Map Annotations • Image that marks a map location • User location annotation • Built-in pin annotations • Custom images User Location Pin Custom
  • 35.
  • 36.
  • 37.
    Map Overlays • Graphics drawn on map
  • 38.
    Map Overlays • Graphics drawn on map • Scale with map
  • 39.
    Map Overlays • Graphics drawn on map • Scale with map • System provided circle, polygon and polyline overlays
  • 40.
    Map Overlays • Graphics drawn on map • Scale with map • System provided circle, polygon and polyline overlays • Custom overlays for drawing arbitrary shapes
  • 41.
  • 42.
    References • Xamarin iOSRecipes - docs.xamarin.com/iOS/recipes • Content Controls - Map View • Xamarin Samples - samples.xamarin.com/iOS • Maps Callout Demo • Weather Map • World Cities • Protocols, Delegates and Events
  • 43.
    Xamarin Seminar Please give us your feedback http://bit.ly/xamfeedback Follow us on Twitter @XamarinHQ Copyright 2012 © Xamarin Inc. All rights reserved