Presentation is loading. Please wait.

Presentation is loading. Please wait.

Chris Pendleton Virtual Earth Technical Evangelist Microsoft Corporation.

Similar presentations


Presentation on theme: "Chris Pendleton Virtual Earth Technical Evangelist Microsoft Corporation."— Presentation transcript:

1 Chris Pendleton Virtual Earth Technical Evangelist Microsoft Corporation

2 Virtual Earth (AJAX API) Virtual Earth (AJAX API) MapPoint Web Service (SOAP XML Web Service) MapPoint Web Service (SOAP XML Web Service) Live Search Maps (Consumer Web Site) Live Search Maps (Consumer Web Site) Map Cruncher (Raster Overlay Tool) Map Cruncher (Raster Overlay Tool) More Info: Microsoft.com/VirtualEarth More Info: Microsoft.com/VirtualEarth

3

4 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 AJAX/HTTP Requests Geocoding Client-Based Communication Real Estate Hunting Routing

5 AJAX Interface AJAX Interface Geocoding Geocoding Mapping Mapping Driving Directions / Routing Driving Directions / Routing 3-D Environment 3-D Environment Data Data Toolset Toolset

6

7 All Virtual Earth Apps must consist of AT LEAST 3 items: 1. Link to the map control 2. Functions for calling the service 3. DIV tags for containing the map

8 <html><head> Hello World Hello World var map = null; function GetMap() { map = new VEMap('myMap'); map.LoadMap();}</script></head> </body></html>

9 <html><head> Hello World Hello World var map = null; function GetMap() { map = new VEMap('myMap'); map.LoadMap();}</script></head> </body></html>

10 <html><head> Hello World Hello World var map = null; function GetMap() { map = new VEMap('myMap'); map.LoadMap();}</script></head> </body></html>

11 <html><head> Hello World Hello World var map = null; function GetMap() { map = new VEMap('myMap'); map.LoadMap();}</script></head> </body></html>

12

13 var map = null; var layerid=1; function GetMap() { map = new VEMap('myMap'); 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.'); }...

14 var map = null; var layerid=1; function GetMap() { map = new VEMap('myMap'); map.LoadMap();}

15 var map = null; var layerid=1; function GetMap() { map = new VEMap('myMap'); map.LoadMap();}

16 function AddMyLayer(type) {map.DeleteAllShapes(); var l = new VEShapeLayer(); var veLayerSpec = new VEShapeSourceSpecification(type, txtSource.value, l); map.ImportShapeLayerData(veLayerSpec, onFeedLoad, 1); }

17 function AddMyLayer(type) {map.DeleteAllShapes(); var l = new VEShapeLayer(); var veLayerSpec = new VEShapeSourceSpecification(type, txtSource.value, l); map.ImportShapeLayerData(veLayerSpec, onFeedLoad, 1); }

18 function AddMyLayer(type) {map.DeleteAllShapes(); var l = new VEShapeLayer(); var veLayerSpec = new VEShapeSourceSpecification(type, txtSource.value, l); map.ImportShapeLayerData(veLayerSpec, onFeedLoad, 1); }

19 function AddMyLayer(type) {map.DeleteAllShapes(); var l = new VEShapeLayer(); var veLayerSpec = new VEShapeSourceSpecification(type, txtSource.value, l); map.ImportShapeLayerData(veLayerSpec, onFeedLoad, 1); }

20 function AddMyLayer(type) {map.DeleteAllShapes(); var l = new VEShapeLayer(); var veLayerSpec = new VEShapeSourceSpecification(type, txtSource.value, l); map.ImportShapeLayerData(veLayerSpec, onFeedLoad, 1); }

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

22

23

24 var map = null; function GetMap() { map = new VEMap('myMap'); map.LoadMap();}

25 var shape = null; var dblVertices1 = new VELatLong(36.31874,-115.16773); var dblVertices2 = new VELatLong(36.21565,-115.35949); var dblVertices3 = new VELatLong(35.98240,-115.25993); var dblVertices4 = new VELatLong(35.97261,-114.99517); var dblVertices5 = new VELatLong(36.17013,-114.98039); var dblVertices6 = new VELatLong(36.26305,-115.04402); var vertices = new Array(dblVertices1, dblVertices2, dblVertices3, dblVertices4, dblVertices5, dblVertices6);

26 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);}}

27 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);}}

28 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);}}

29 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);}}

30 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);}}

31 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);}}

32 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);}}

33 function RemovePolygon() {map.DeleteShape(shape);}

34 Add Las Vegas Polygon Add Las Vegas Polygon Remove Las Vegas Polygon Remove Las Vegas Polygon</body>

35

36 Virtual Earth JavaScript Intellisense Helper Virtual Earth JavaScript Intellisense Helper Downloadable from CodePlex Downloadable from CodePlex (www.codeplex.com/vejs) (www.codeplex.com/vejs) Blog: blogs.msdn.com/devkeydet Blog: blogs.msdn.com/devkeydet No more Notepad. Yay! No more Notepad. Yay!

37 Free API Access Free API Access Pricing PricingFree Benefits Benefits Same API as licensed version Restrictions Restrictions Non-commercial apps No reverse engineering 50,000 geocodes per 24 hours dev.live.com/terms

38 Licensed Licensed Pricing Pricing Per User, Per Transaction or Unlimited Waterfall Schedule 1, 2, 3 or 4 year commitment Benefits Benefits SLA, Support, Betas, Communications, TAP, Advanced Features and more. Restrictions RestrictionsLimited

39

40 Complete Virtual Earth Hands on Lab Complete Virtual Earth Hands on Lab Go to dev.live.com Go to dev.live.com Go to www.CodePlex.com/VEJS Go to www.CodePlex.com/VEJS Go to the Sandbox Go to the Sandbox

41 SDK: dev.live.com Marketing: microsoft.com/virtualearth Licensing: maplic@microsoft.com Blog: blogs.msdn.com/virtualearth Me: chris.pendleton@microsoft.com

42 © 2008 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.


Download ppt "Chris Pendleton Virtual Earth Technical Evangelist Microsoft Corporation."

Similar presentations


Ads by Google