Bing Maps for Windows Store AppsChris PendletonSr. Program Manager, Lead3-133

Bing Maps on Windows 8Bing Maps for JavaScriptBing Maps for Managed & Native CodeApplication Protocol HandlingLicensingQ&A

Agenda

Bing Maps on Windows 8

Demo: Bing Maps Application

Bing Maps for JavaScript

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

Demo: Hello World

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; var mapOptions = { credentials: "INSERT_YOUR_BING_MAPS_KEY" };

map = new Microsoft.Maps.Map(document.getElementById("mapDiv"), mapOptions); }

Demo: Bing Maps & Twitter

Code Walkthroughfunction 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 var pin = 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

Bing Maps for Managed & Native

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

Demo: Hello World

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="{StaticResource ApplicationPageBackgroundBrush}"> <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>

Demo: Shapes

Code WalkthroughMapShapeLayer shapeLayer = new MapShapeLayer(); MapPolygon polygon = 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);

Application Protocol Handling

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

Code Walkthrough: Searchbingmaps:?q=coffee&where=Seattle

Demo: Travel to Bing Maps

Code Walkthrough: Collectionsbingmaps:?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

Licensing

LicensingBing Maps is Free for Windows 8As 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

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

• 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

Resources

Please submit session evals by using the Build Windows 8 appor at http://aka.ms/BuildSessions

© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.