/
Bing Maps Bing Maps

Bing Maps - PowerPoint Presentation

marina-yarberry
marina-yarberry . @marina-yarberry
Follow
403 views
Uploaded On 2017-03-23

Bing Maps - PPT Presentation

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

bing maps microsoft map maps bing map microsoft windows http code location demo amp xmlns center apps walkthrough search

Share:

Link:

Embed:

Download Presentation from below link

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.


Presentation Transcript

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