Bing Maps for Windows Store Apps

1. Bing Maps for Windows Store Apps Chris Pendleton Sr. Program Manager, Lead 3-133

2. Agenda • Bing Maps on Windows 8 • Bing Maps for JavaScript • Bing Maps for Managed & Native Code • Application Protocol Handling • Licensing • Q&A

3. Bing Maps on Windows 8

4. Demo: Bing Maps Application

5. Bing Maps for JavaScript

6. Bing Maps for JavaScript • Supported by Bing Maps AJAX Map Control • Modular Approach • Maps, Pins, Lines, Polygons • Modules: Search, Venue Maps, Advanced Shapes, etc. • Integration with Bing Maps Web Services • Geocoding • Routing • Search • Spatial Data Services

7. Demo: Hello World

8. Code Walkthrough <!-- Bing Map Control references --> <script type="text/javascript" src="ms-appx:///Bing.Maps.JavaScript//js/veapicore.js"></script> Microsoft.Maps.loadModule('Microsoft.Maps.Map', { callback: initMap, culture: en-us, homeRegion: US}); function initMap() { var map; varmapOptions = { credentials: "INSERT_YOUR_BING_MAPS_KEY" }; map = new Microsoft.Maps.Map(document.getElementById("mapDiv"), mapOptions); }

9. Demo: Bing Maps & Twitter

10. Code Walkthrough • function GetMap() • { • // Initialize the map • map = new Microsoft.Maps.Map(document.getElementById("myMap"), {credentials:"Bing Maps Key"}); • // Retrieve the location of the map center var center = • map.getCenter(); • // Add a pin to the center of the map • varpin = new Microsoft.Maps.Pushpin(center, {draggable: true}); • // Add a handler to the pushpin drag • Microsoft.Maps.Events.addHandler(pin, 'mouseup', DisplayLoc); map.entities.push(pin); • } • DO not use EVAL – Apps will be rejected. Use Winjs.XHR (XML HTTP Request) - for calling web services

11. Bing Maps for Managed & Native

12. Bing Maps for Managed & Native • Supports Managed and Native Code • Methods – Maps, Pins, Lines, Polygons, Layers • Events – LandmarkTapped, MapStyleChanged, etc. • Modules – Venue Maps • Integration with Bing Maps Web Services • Geocoding • Routing • Search • Spatial Data Service

13. Demo: Hello World

14. Code Walkthrough • <Page x:Class="Application1.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:Application1" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:bm="using:Bing.Maps" mc:Ignorable="d"> • <Grid Background="{StaticResourceApplicationPageBackgroundBrush}"> • <bm:Map credentials="INSERT_YOUR_BING_MAPS_KEY" x:Name="myMap" MapType="Aerial" ZoomLevel="12"> • <bm:Map.Center> • <bm:Location Latitude="46.227480" Longitude="-122.192955" /> • </bm:Map.Center> • </bm:Map> • </Grid> • </Page>

15. Demo: Shapes

16. Code Walkthrough MapShapeLayershapeLayer = new MapShapeLayer(); MapPolygonpolygon = new MapPolygon(); polygon.Locations= new LocationCollection() { new Location(44, -107), new Location(44, -110), new Location(46, -110), new Location(46, -107) }; polygon.FillColor= Windows.UI.Colors.Red; shapeLayer.Shapes.Add(polygon); map.ShapeLayers.Add(shapeLayer);

17. Application Protocol Handling

18. Application Protocol Handling • Allows you to link from any app to the Bing Maps App • Use BingMaps: • Set Centerpoint • Geocode a Location • Search the Map • Set map style and zoom level • Overlay traffic • Generate a route

19. Code Walkthrough: Search bingmaps:?q=coffee&where=Seattle

20. Demo: Travel to Bing Maps

21. Code Walkthrough: Collections bingmaps:?collection=name.My%20Main%20Campus%20Landmarks~point.47.639621_-122.127212_Big%20Fountain~point.47.641974_-122.129621_Sports%20Fields~point.47.641338_-122.123082_Walking%20Trail~point.47.639828_-122.130360_Flag%20Poles

22. Licensing

23. Licensing • Bing Maps is Free for Windows 8 • As follows: • Allotment of up to 50,000 cumulative billable transactions as defined in the SDKs, within any 24 hour period • Evaluation for Commercial, Non-Commercial or Government Use: allotment of up to 10,000 cumulative billable transactions as defined in the SDKs, in any 30 day period.  • SDS: Up to 5 batch geocoding or file uploads with of up to 50 records each, using the Bing Spatial Data Services API, within any 24 hour period.    • Cannot be used in connection with Windows Store Apps Company Applications used by authenticated enterprise users (employees or agents of the enterprise) over a private network without a Bing Maps Agreement • Questions: maplic@microsoft.com

24. Resources • Bing Maps: Microsoft.com/Maps • Bing Maps Keys: BingMapsPortal.com • See – “Security in Windows Store apps” session • Bing Maps Terms of Use: http://www.microsoft.com/maps/product/terms.html • Bing Maps Licensing: Microsoft.com/Maps • Bing Maps for Windows Store Apps SDK: http://msdn.microsoft.com/en-us/library/hh846481.aspx • Bing Maps Application Protocol Handler: http://msdn.microsoft.com/en-us/library/windows/apps/jj635237.aspx • Contact: chris.pendleton@microsoft.com

25. Resources • Develop: http://msdn.microsoft.com/en-US/windows/apps/br229512 • Design: http://design.windows.com/ • Samples: http://code.msdn.microsoft.com/windowsapps/Windows-8-Modern-Style-App-Samples • Videos: http://channel9.msdn.com/Windows Please submit session evals by using the Build Windows 8 app or at http://aka.ms/BuildSessions