Developing Applications With Microsoft Virtual Earth

Developing Applications with Microsoft ® Virtual Earth TM Chris Pendleton Virtual Earth Technical Evangelist Microsoft Corporation

First, Some Clarification

Virtual Earth (AJAX API)

MapPoint Web Service (SOAP XML Web Service)

Live Search Maps (Consumer Web Site)

Map Cruncher (Raster Overlay Tool)

More Info: Microsoft.com/VirtualEarth

Virtual Earth

Virtual Earth Service The Big Picture Web Server Devices Solutions Online Locator Portals/ Yellow Pages Fleet/ Asset tracking Travel / Hospitality Planning Cartographic Data Local Search

FEATURES

Maps

Driving Directions

Find Address/Place

Oblique Photography

Orthographic Photography

Browser-based 3D

JavaScript Internet Virtual Earth Service CONTENT Aerial Photography Geocoding Client-Based Communication Real Estate Hunting Routing AJAX/HTTP Requests

Virtual Earth

AJAX Interface

Geocoding

Mapping

Driving Directions / Routing

3-D Environment

Data

Toolset

DEMO

Let’s Code!

All Virtual Earth Apps must consist of AT LEAST 3 items:

Link to the map control

Functions for calling the service

DIV tags for containing the map

Hello World. 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<title>Hello World</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<script type="text/javascript" src="http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6"></script>

<script type="text/javascript">

var map = null;

function GetMap()

{

map = new VEMap('myMap');

map.LoadMap();

}

</script>

</head>

<body onload="GetMap();">

<div id='myMap' style="position:relative; width:800; height:600;"></div>

</body>

</html>

Hello World. 

<html>

<head>

var map = null;

function GetMap()

{

map.LoadMap();

}

</script>

</head>

</body>

</html>

Hello World. 

<html>

<head>

var map = null;

function GetMap()

{

map.LoadMap();

}

</script>

</head>

</body>

</html>

Hello World. 

<html>

<head>

var map = null;

function GetMap()

{

map.LoadMap();

}

</script>

</head>

</body>

</html>

DEMOS!

Importing KML…yes, KML

var map = null;

var layerid=1;

function GetMap()

{

map.LoadMap();

}

function AddMyLayer(type)

{

map.DeleteAllShapes();

var l = new VEShapeLayer();

var veLayerSpec = new VEShapeSourceSpecification(type, txtSource.value, l);

map.ImportShapeLayerData(veLayerSpec, onFeedLoad, 1);

}

function onFeedLoad(feed)

{

alert('KML File has been loaded. There are '+feed.GetShapeCount()+ ' items in this list.');

}

. . .

var map = null;

var layerid=1;

function GetMap()

{

map.LoadMap();

}

var map = null;

var layerid=1;

function GetMap()

{

map.LoadMap();

}

{

}

{

}

{

}

{

}

{

}

function onFeedLoad(feed)

{

alert('KML File has been loaded. There are '+feed.GetShapeCount()+ ' items in this list.');

}

<div id= 'myMap ' style="position:relative; width:800; height:600;"></div>

DEMOS!

Rendering Vectors in 3D

var map = null;

function GetMap()

{

map.LoadMap();

}

var shape = null;

var dblVertices1 = new VELatLong(36.31874,-115.16773);

var vertices = new Array(dblVertices1, dblVertices2, dblVertices3, dblVertices4, dblVertices5, dblVertices6);

function AddPolygon()

{

shape = new VEShape(VEShapeType.Polygon, vertices);

shape.SetLineColor(new VEColor(255,255,0,1.0));

shape.SetLineWidth(1);

shape.SetFillColor(new VEColor(255,255,0,0.3))

try

{

map.SetMapMode(VEMapMode.Mode3D);

map.SetMapStyle(VEMapStyle.Hybrid);

map.AddShape(shape);

map.SetCenter(new VELatLong(36.17263, -115.13841));

map.SetAltitude(30000);

}

catch(e)

{

alert(e.message);

}

}

{

try

{

}

catch(e)

{

alert(e.message);

}

}

{

try

{

}

catch(e)

{

alert(e.message);

}

}

{

try

{

}

catch(e)

{

alert(e.message);

}

}

{

try

{

}

catch(e)

{

alert(e.message);

}

}

{

try

{

}

catch(e)

{

alert(e.message);

}

}

{

try

{

}

catch(e)

{

alert(e.message);

}

}

function RemovePolygon()

{

map.DeleteShape(shape);

}

<div id='myMap' style="position:relative; width:1200px; height:700px;"></div>

<a href="#" onClick="AddPolygon();">Add Las Vegas Polygon</a>

<br/><a href="#" onClick="RemovePolygon();">Remove Las Vegas Polygon

</body>

DEMOS!

New Developer Tool

Virtual Earth JavaScript Intellisense Helper

Downloadable from CodePlex

(www.codeplex.com/vejs)

No more Notepad. Yay! 

Virtual Earth Appliance

Federal: NGA, EPA, DoD, DHS, …

SLG: Police, Fire, First Responders, …

Commercial: Insurance, Oil & Gas …

Integrate Enterprise Data

Customizable and Scalable

Stand-up and Refresh Services

Secure Intranet GPS Smart Phone VE content (search, imagery, maps)

VE Appliance - Form Factors

Enterprise servers scalable with

data content size

performance specifications

number of users

100’s users from ½ rack config

Portable VE system

Full VE capability on a standard laptop

Subsets of complete data sets for areas of interest

Rapid syncing of content with enterprise system

Download maps and images

Upload user collections

Licensing….Clarified

Free API Access

Pricing

Free

Benefits

Same API as licensed…for now.

Restrictions

Non-commercial apps

Use documented methodologies

No maps behind logins

No storage

50,000 geocodes per 24 hours

250 POI

[more…]

Free API Access

Restrictions cont.

Real time tracking apps

Real time navigation

Remove MS logo or vendor attribution

Integration with other mapping platforms

Cannot reveal BE lat/lons

Store or print BE

BE used in govt. apps

Traffic in media or media apps

Resell apps with VE

Free API Access

Pricing

Free

Benefits

Same API as licensed version

Restrictions

Non-commercial apps

No reverse engineering

50,000 geocodes per 24 hours

dev.live.com/terms

Licensed

Pricing

Per User, Per Transaction or Unlimited

Waterfall Schedule

1, 2, 3 or 4 year commitment

Benefits

SLA, Support, Betas, Communications, TAP, Advanced Features and more.

Restrictions

Limited

Now What?

Complete Virtual Earth Hands on Lab

Go to dev.live.com

Go to www.CodePlex.com/VEJS

Go to the Sandbox

Questions

SDK: dev.live.com

Marketing: microsoft.com/virtualearth

Licensing: maplic@microsoft.com

Blog: blogs.msdn.com/virtualearth

Me: chris.pendleton@microsoft.com

Developing Applications With Microsoft Virtual Earth

0 comments

Notes on slide 1

Favorites, Groups & Events