for Windows Store Apps Chris Pendleton Sr Program Manager Lead 3133 Bing Maps on Windows 8 Bing Maps for JavaScript Bing Maps for Managed amp Native Code Application Protocol Handling Licensing ID: 528284
Download Presentation The PPT/PDF document "Bing Maps" is the property of its rightful owner. Permission is granted to download and print the materials on this web site for personal, non-commercial use only, and to display it on your personal computer provided you do not modify the materials and that you retain all copyright notices contained in the materials. By downloading content from our website, you accept the terms of this agreement.
Slide1
Bing Maps for Windows Store Apps
Chris Pendleton
Sr. Program Manager, Lead
3-133Slide2
Bing Maps on Windows 8Bing Maps for JavaScriptBing Maps for Managed & Native Code
Application Protocol Handling
LicensingQ&A
AgendaSlide3
Bing Maps on Windows 8Slide4
Demo: Bing Maps ApplicationSlide5
Bing Maps for JavaScriptSlide6
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 ServicesSlide7
Demo: Hello WorldSlide8
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
); } Slide9
Demo: Bing Maps & TwitterSlide10
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
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
servicesSlide11
Bing Maps for Managed & NativeSlide12
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 ServiceSlide13
Demo: Hello WorldSlide14
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
>Slide15
Demo: ShapesSlide16
Code Walkthrough
MapShapeLayer
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
); Slide17
Application Protocol HandlingSlide18
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 routeSlide19
Code Walkthrough: Search
bingmaps
:?q=
coffee&where
=SeattleSlide20
Demo: Travel to Bing MapsSlide21
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%20PolesSlide22
LicensingSlide23
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.comSlide24
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
Slide25
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 app
or at
http://aka.ms/BuildSessionsSlide26