Windows Phone 7 Bing Maps Control

I presented this deck to the Seattle Silverlight User's Group on Oct. 6, 2010. It convers the Bing Maps Control for Windows Phone 7

1. Bing Maps for Windows Phone 7 Chris Pendleton (Ex) Bing Maps Technical Evangelist Microsoft Corporation @ ChrisPendleton

2. Agenda Bing Maps Content APIs Infrastructure Windows Phone 7 Control Classes Coding Q&A

3. Content: Geocoding Over 85 million parcel centroids in US Parcel centroids in Japan and Germany now live Parcels provide a high level of accuracy Falls back to interpolation Bulk geocoding available No daily limits on geocoding

4. Content: Maps Road data mostly from NAVTEQ. Highway or Capital coverage for every country in the world; street level data for 37 countries Full Bing list of coverage .

5. Content: Maps New Map Style

6. Content: Aerial Uses a combination of satellite and aerial photos up to 12 inches per pixel. Flying Global Ortho Project to provide 12 inch resolution photos for all 48 lower states and W. Europe Refresh rate every 2-3 years Partner: Digital Globe

7. Content: Routing Shortest, fastest, walking and traffic-based Offers route geometry for spatial queries

8. Content: Search Yellow Page listings available via map API Nearly 20 million listings available

9. Developer APIs AJAX API Silverlight Control SOAP Service ReST Service Bing Map App API Spatial Data API

10. Infrastructure Content (tiles and controls) worldwide deployment across Azure Content Delivery Network Services deployed across Azure Dynamic Compute Network

11. Windows Phone 7 Bing Maps Control Native to WP7 SDK ( Woohoo !) Based on Bing Maps Silverlight Control Some features removed (for perf ) Some features added (for device) Some class changes (for conflict)

12. New Classes Class Features MapAutomationPeer Handlers for interacting with the device - Double Tap , Drag, Flick, Scale, Zoom MapDragEventsArgs Measures screen distance - DragDelta MapFlickEventArgs Measure s screen distance - Velocity MapInputEventArgs Map events – Handled, ViewportPoint MapZoomEventArgs Touch zoom events – ZoomDelta MatrixHelper Device movements – Rotate, Rotate at, Translate Overlay Controls atop the map – FireTemplateApplied , TemplateApplied ZoomBar Controls the zoom bar – OnApplyTemplate , OnZoomMap , ZoomMap

13. Maps.Platform Classes Class Features Location Defines lat / lon Rectangle Northeast and Southwest map corners ShapeBase Serialization

14. Setting Centerpoint (C#) using Microsoft.Phone.Controls.Maps ; using System.Device.Location ; namespace WindowsPhoneApplication1 { public partial class MainPage : PhoneApplicationPage { // Constructor public MainPage () { InitializeComponent (); map1.SetView(new GeoCoordinate (42.123, -120.123), 17); } } }

15. Change Map Styles (C#) using Microsoft.Phone.Controls.Maps ; using System.Device.Location ; namespace WindowsPhoneApplication1 { … private void button1_Click(object sender, RoutedEventArgs e) { if (map1.Mode is RoadMode ) { map1.Mode = new AerialMode (true); } else { map1.Mode = new RoadMode (); } } … }

16. Set Map Properties (XAML) … xmlns:my =" clr-namespace:Microsoft.Phone.Controls.Maps;assembly = Microsoft.Phone.Controls.Maps "> <!-- LayoutRoot is the root grid where all page content is placed--> <Grid x:Name="LayoutRoot" Background="Transparent"> < Grid.RowDefinitions > < RowDefinition Height="Auto"/> < RowDefinition Height="*"/> </ Grid.RowDefinitions > <!-- TitlePanel contains the name of the application and page title--> < StackPanel x:Name="TitlePanel" Grid.Row ="0" Margin="12,17,0,28"> < TextBlock x:Name="ApplicationTitle" Text="CP's Mapplication " Style="{ StaticResource PhoneTextNormalStyle }"/> < TextBlock x:Name="PageTitle" Text="My Maps!" Margin="9,-7,0,0" Style="{ StaticResource PhoneTextTitle1Style}"/> </ StackPanel > <!-- ContentPanel - place additional content here--> <Grid x:Name="ContentPanel" Grid.Row ="1" Margin="12,0,12,0"> < my:Map Height="503" HorizontalAlignment ="Left" Margin="9,6,0,0" Name="map1" VerticalAlignment ="Top" Width="447" ZoomBarVisibility ="Visible" Mode="Aerial" CredentialsProvider =“[BINGMAPSKEY]"/> <Button Content="Switch Map Styles" Height="72" HorizontalAlignment ="Left" Margin="69,534,0,0" Name="button1" VerticalAlignment ="Top" Width="337" Click="button1_Click" /> </Grid> </Grid>

17. Hello World  1. Load Map

18. Switch Map Modes Loads Map Control Specifies Center Point Specifies Map Mode Button switches map style

19. Locate Me Using GPS Load Map Access GPS Re-center and Zoom Map

20. Using Shapes Load Map Re-center and Zoom Map Draw Polygon

21. Which API is Right for You? Surface Mobile PC Browser AJAX Map Control Silverlight Control SOAP Services REST Services Map App SDK Bing Maps Platform Customer Servers End User www.bing.com/maps MapPoint Web Services + Data Source

22. Next Steps Download WP7 SDK Get a Bing Maps Key at BingMapsPortal.com Reference the WP7 Docs Reference the Bing Maps Silverlight Control docs Build a killer app!

23. Q&A Yes, it’s free for native mobile apps (all platforms) Yes, it’s free on the web…for the most of you Yes, it’s free for education and NFP It’s all free unless…you exceed usage thresholds on the web

24. © 2010 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.