ESRI Developer Summit 2008 - Microsoft Virtual Earth

4,628 views

Published on

ESRI Developer Summit Microsoft Special Interest Group presentation by Chris Pendleton.

Published in: Business, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
4,628
On SlideShare
0
From Embeds
0
Number of Embeds
25
Actions
Shares
0
Downloads
118
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • ESRI Developer Summit 2008 - Microsoft Virtual Earth

    1. 1. Chris Pendleton Virtual Earth Technical Evangelist Microsoft Corporation
    2. 2. <ul><li>Virtual Earth (AJAX Developer Platform) </li></ul><ul><li>MapPoint Web Service (SOAP XML Web Service - Cartographic Maps) </li></ul><ul><li>Terra Server (SOAP XML Web Service – Satellite Photography) </li></ul><ul><li>Live Search Maps (Consumer Web Site) </li></ul><ul><li>World Wide Telescope (Microsoft Research Space Exploration Client) </li></ul>
    3. 4. Web Server Devices Solutions Online Locator Portals/ Yellow Pages Fleet/ Asset tracking Travel / Hospitality Planning Cartographic Data Local Search <ul><li>FEATURES </li></ul><ul><li>Maps </li></ul><ul><li>Driving Directions </li></ul><ul><li>Find Address/Place </li></ul><ul><li>Oblique Photography </li></ul><ul><li>Orthographic Photography </li></ul><ul><li>Browser-based 3D </li></ul>JavaScript Internet Virtual Earth Service CONTENT Aerial Photography Geocoding Client-Based Communication Real Estate Hunting Routing AJAX/HTTP Requests
    4. 5. <ul><li>AJAX Interface </li></ul><ul><li>Geocoding </li></ul><ul><li>Mapping </li></ul><ul><li>Driving Directions / Routing </li></ul><ul><li>3-D Environment </li></ul><ul><li>Data </li></ul><ul><li>Toolset </li></ul>
    5. 6. <ul><li>Maps </li></ul><ul><ul><li>Cartographic Maps </li></ul></ul><ul><ul><li>Satellite Photography </li></ul></ul><ul><ul><li>Orthographic Aerial Photography </li></ul></ul><ul><ul><li>Oblique Aerial Photography </li></ul></ul><ul><ul><li>Hybrid Maps </li></ul></ul><ul><ul><li>Overlay Custom Maps </li></ul></ul><ul><ul><li>74 Countries </li></ul></ul>
    6. 8. <ul><li>3-D Environment </li></ul><ul><ul><li>Direct-X Browser Plug-in </li></ul></ul><ul><ul><li>Immersive Navigation </li></ul></ul><ul><ul><li>All Maps Available </li></ul></ul><ul><ul><li>Scaled Building Models </li></ul></ul><ul><ul><li>Photo-textured Building Models </li></ul></ul><ul><ul><li>Elevation Models </li></ul></ul>
    7. 9. <ul><li>Toolset </li></ul><ul><ul><li>Vector Overlays </li></ul></ul><ul><ul><ul><li>Pins, Lines, Polygons </li></ul></ul></ul><ul><ul><li>Raster Overlays </li></ul></ul><ul><ul><ul><li>Quad Keys </li></ul></ul></ul><ul><ul><li>File Import </li></ul></ul><ul><ul><ul><li>GeoRSS, GPX, KML </li></ul></ul></ul><ul><ul><li>Customization </li></ul></ul><ul><ul><ul><li>Navigation, Units, Size </li></ul></ul></ul><ul><ul><li>Control </li></ul></ul><ul><ul><ul><li>Get Coordinates, Spatial Query </li></ul></ul></ul>
    8. 10. <ul><li><!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;> </li></ul><ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><!-- saved from url=(0014)about:internet --> </li></ul><ul><li><title>Hello World</title> </li></ul><ul><li><meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;> </li></ul><ul><li><script type=&quot;text/javascript&quot; src=&quot;http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6&quot;></script> </li></ul><ul><li><script type=&quot;text/javascript&quot;> </li></ul><ul><li>var map = null; </li></ul><ul><li>function GetMap() </li></ul><ul><li>{ </li></ul><ul><li>map = new VEMap('myMap'); </li></ul><ul><li>map.LoadMap(); </li></ul><ul><li>} </li></ul><ul><li></script> </li></ul><ul><li></head> </li></ul><ul><li><body onload=&quot;GetMap();&quot;> </li></ul><ul><li><div id='myMap' style=&quot;position:relative; width:500; height:500;&quot;></div> </li></ul><ul><li></body> </li></ul><ul><li></html> </li></ul>
    9. 11. <ul><li><!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;> </li></ul><ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><!-- saved from url=(0014)about:internet --> </li></ul><ul><li><title>Hello World</title> </li></ul><ul><li><meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;> </li></ul><ul><li><script type=&quot;text/javascript&quot; src=&quot;http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6&quot;></script> </li></ul><ul><li><script type=&quot;text/javascript&quot;> </li></ul><ul><li>var map = null; </li></ul><ul><li>function GetMap() </li></ul><ul><li>{ </li></ul><ul><li>map = new VEMap('myMap'); </li></ul><ul><li>map.LoadMap(); </li></ul><ul><li>} </li></ul><ul><li></script> </li></ul><ul><li></head> </li></ul><ul><li><body onload=&quot;GetMap();&quot;> </li></ul><ul><li><div id='myMap' style=&quot;position:relative; width:500; height:500;&quot;></div> </li></ul><ul><li></body> </li></ul><ul><li></html> </li></ul>
    10. 12. <ul><li><!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;> </li></ul><ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><!-- saved from url=(0014)about:internet --> </li></ul><ul><li><title>Hello World</title> </li></ul><ul><li><meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;> </li></ul><ul><li><script type=&quot;text/javascript&quot; src=&quot;http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6&quot;></script> </li></ul><ul><li><script type=&quot;text/javascript&quot;> </li></ul><ul><li>var map = null; </li></ul><ul><li>function GetMap() </li></ul><ul><li>{ </li></ul><ul><li>map = new VEMap('myMap'); </li></ul><ul><li>map.LoadMap(); </li></ul><ul><li>} </li></ul><ul><li></script> </li></ul><ul><li></head> </li></ul><ul><li><body onload=&quot;GetMap();&quot;> </li></ul><ul><li><div id='myMap' style=&quot;position:relative; width:500; height:500;&quot;></div> </li></ul><ul><li></body> </li></ul><ul><li></html> </li></ul>
    11. 13. <ul><li><!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;> </li></ul><ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><!-- saved from url=(0014)about:internet --> </li></ul><ul><li><title>Hello World</title> </li></ul><ul><li><meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;> </li></ul><ul><li><script type=&quot;text/javascript&quot; src=&quot;http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6&quot;></script> </li></ul><ul><li><script type=&quot;text/javascript&quot;> </li></ul><ul><li>var map = null; </li></ul><ul><li>function GetMap() </li></ul><ul><li>{ </li></ul><ul><li>map = new VEMap('myMap'); </li></ul><ul><li>map.LoadMap(); </li></ul><ul><li>} </li></ul><ul><li></script> </li></ul><ul><li></head> </li></ul><ul><li><body onload=&quot;GetMap();&quot;> </li></ul><ul><li><div id='myMap' style=&quot;position:relative; width:500; height:500;&quot;></div> </li></ul><ul><li></body> </li></ul><ul><li></html> </li></ul>
    12. 15. <ul><li>function GetTiles() </li></ul><ul><li>{ </li></ul><ul><li>var tileSourceSpec = new VETileSourceSpecification(&quot;myTiles&quot;, &quot;http://www.maptiles.com/GrandCanyon/%4.png&quot;); </li></ul><ul><li>tileSourceSpec.NumServers = 1; </li></ul><ul><li>tileSourceSpec.MinZoomLevel = 10; </li></ul><ul><li>tileSourceSpec.MaxZoomLevel = 18; </li></ul><ul><li>tileSourceSpec.Opacity = opacity; </li></ul><ul><li>tileSourceSpec.ZIndex = 100; </li></ul><ul><li>map.AddTileLayer(tileSourceSpec, true); </li></ul><ul><li>} </li></ul>
    13. 16. <ul><li>function GetTiles() </li></ul><ul><li>{ </li></ul><ul><li>var tileSourceSpec = new VETileSourceSpecification(&quot;myTiles&quot;, &quot;http://www.maptiles.com/GrandCanyon/%4.png&quot;); </li></ul><ul><li>tileSourceSpec.NumServers = 1; </li></ul><ul><li>tileSourceSpec.MinZoomLevel = 10; </li></ul><ul><li>tileSourceSpec.MaxZoomLevel = 18; </li></ul><ul><li>tileSourceSpec.Opacity = opacity; </li></ul><ul><li>tileSourceSpec.ZIndex = 100; </li></ul><ul><li>map.AddTileLayer(tileSourceSpec, true); </li></ul><ul><li>} </li></ul>
    14. 17. <ul><li>function GetTiles() </li></ul><ul><li>{ </li></ul><ul><li>var tileSourceSpec = new VETileSourceSpecification(&quot;myTiles&quot;, &quot;http://www.maptiles.com/GrandCanyon/%4.png&quot;); </li></ul><ul><li>tileSourceSpec.NumServers = 1; </li></ul><ul><li>tileSourceSpec.MinZoomLevel = 10; </li></ul><ul><li>tileSourceSpec.MaxZoomLevel = 18; </li></ul><ul><li>tileSourceSpec.Opacity = opacity; </li></ul><ul><li>tileSourceSpec.ZIndex = 100; </li></ul><ul><li>map.AddTileLayer(tileSourceSpec, true); </li></ul><ul><li>} </li></ul>
    15. 18. <ul><li>function GetTiles() </li></ul><ul><li>{ </li></ul><ul><li>var tileSourceSpec = new VETileSourceSpecification(&quot;myTiles&quot;, &quot;http://www.maptiles.com/GrandCanyon/%4.png&quot;); </li></ul><ul><li>tileSourceSpec.NumServers = 1; </li></ul><ul><li>tileSourceSpec.MinZoomLevel = 10; </li></ul><ul><li>tileSourceSpec.MaxZoomLevel = 18; </li></ul><ul><li>tileSourceSpec.Opacity = opacity; </li></ul><ul><li>tileSourceSpec.ZIndex = 100; </li></ul><ul><li>map.AddTileLayer(tileSourceSpec, true); </li></ul><ul><li>} </li></ul>
    16. 21. <ul><li><script src=&quot;http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6&quot; type=&quot;text/javascript&quot; language=&quot;javascript&quot;></script> </li></ul><ul><li><script src=&quot;http://serverapi.arcgisonline.com/jsapi/ve/?v=1&quot; type=&quot;text/javascript&quot;></script> </li></ul><ul><li><script language=&quot;javascript&quot; type=&quot;text/javascript&quot; > </li></ul><ul><li>var map = null; </li></ul><ul><li>var agisve_services = null; </li></ul><ul><li>var tileUrl = &quot;http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Portland/ESRI_LandBase_WebMercator/MapServer&quot;; </li></ul>
    17. 22. <ul><li><script src=&quot;http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6&quot; type=&quot;text/javascript&quot; language=&quot;javascript&quot;></script> </li></ul><ul><li><script src=&quot;http://serverapi.arcgisonline.com/jsapi/ve/?v=1&quot; type=&quot;text/javascript&quot;></script> </li></ul><ul><li><script language=&quot;javascript&quot; type=&quot;text/javascript&quot; > </li></ul><ul><li>var map = null; </li></ul><ul><li>var agisve_services = null; </li></ul><ul><li>var tileUrl = &quot;http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Portland/ESRI_LandBase_WebMercator/MapServer&quot;; </li></ul>
    18. 23. <ul><li><script src=&quot;http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6&quot; type=&quot;text/javascript&quot; language=&quot;javascript&quot;></script> </li></ul><ul><li><script src=&quot;http://serverapi.arcgisonline.com/jsapi/ve/?v=1&quot; type=&quot;text/javascript&quot;></script> </li></ul><ul><li><script language=&quot;javascript&quot; type=&quot;text/javascript&quot; > </li></ul><ul><li>var map = null; </li></ul><ul><li>var agisve_services = null; </li></ul><ul><li>var tileUrl = &quot;http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Portland/ESRI_LandBase_WebMercator/MapServer&quot;; </li></ul>
    19. 24. <ul><li><script src=&quot;http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6&quot; type=&quot;text/javascript&quot; language=&quot;javascript&quot;></script> </li></ul><ul><li><script src=&quot;http://serverapi.arcgisonline.com/jsapi/ve/?v=1&quot; type=&quot;text/javascript&quot;></script> </li></ul><ul><li><script language=&quot;javascript&quot; type=&quot;text/javascript&quot; > </li></ul><ul><li>var map = null; </li></ul><ul><li>var agisve_services = null; </li></ul><ul><li>var tileUrl = &quot;http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Portland/ESRI_LandBase_WebMercator/MapServer&quot;; </li></ul>
    20. 25. <ul><li>function OnPageLoad(){ </li></ul><ul><li>var centerat = new VELatLong(45.50634690108341, -122.67883300781251); </li></ul><ul><li>map = new VEMap('mymap'); </li></ul><ul><li>map.LoadMap(centerat,15,VEMapStyle.Aerial ,false); </li></ul><ul><li>} </li></ul><ul><li>function AddMap(){ </li></ul><ul><li>agisve_services = new ESRI.ArcGIS.VE.ArcGISLayerFactory(); </li></ul><ul><li>agisve_services.CreateLayer(tileUrl, &quot;Parcels&quot;, GetMap); </li></ul><ul><li>} </li></ul><ul><li>function GetMap(tileSourceSpec, resourceInfo){ </li></ul><ul><li>tileSourceSpec.Opacity=0.35; </li></ul><ul><li>map.AddTileLayer(tileSourceSpec,true); </li></ul><ul><li>$get(&quot;resultDiv&quot;).style.visibility =&quot;hidden&quot;; </li></ul><ul><li>} </li></ul>
    21. 26. <ul><li>function OnPageLoad(){ </li></ul><ul><li>var centerat = new VELatLong(45.50634690108341, -122.67883300781251); </li></ul><ul><li>map = new VEMap('mymap'); </li></ul><ul><li>map.LoadMap(centerat,15,VEMapStyle.Aerial ,false); </li></ul><ul><li>} </li></ul><ul><li>function AddMap(){ </li></ul><ul><li>agisve_services = new ESRI.ArcGIS.VE.ArcGISLayerFactory(); </li></ul><ul><li>agisve_services.CreateLayer(tileUrl, &quot;Parcels&quot;, GetMap); </li></ul><ul><li>} </li></ul><ul><li>function GetMap(tileSourceSpec, resourceInfo){ </li></ul><ul><li>tileSourceSpec.Opacity=0.35; </li></ul><ul><li>map.AddTileLayer(tileSourceSpec,true); </li></ul><ul><li>$get(&quot;resultDiv&quot;).style.visibility =&quot;hidden&quot;; </li></ul><ul><li>} </li></ul>
    22. 27. <ul><li>function OnPageLoad(){ </li></ul><ul><li>var centerat = new VELatLong(45.50634690108341, -122.67883300781251); </li></ul><ul><li>map = new VEMap('mymap'); </li></ul><ul><li>map.LoadMap(centerat,15,VEMapStyle.Aerial ,false); </li></ul><ul><li>} </li></ul><ul><li>function AddMap(){ </li></ul><ul><li>agisve_services = new ESRI.ArcGIS.VE.ArcGISLayerFactory(); </li></ul><ul><li>agisve_services.CreateLayer(tileUrl, &quot;Parcels&quot;, GetMap); </li></ul><ul><li>} </li></ul><ul><li>function GetMap(tileSourceSpec, resourceInfo){ </li></ul><ul><li>tileSourceSpec.Opacity=0.35; </li></ul><ul><li>map.AddTileLayer(tileSourceSpec,true); </li></ul><ul><li>$get(&quot;resultDiv&quot;).style.visibility =&quot;hidden&quot;; </li></ul><ul><li>} </li></ul>
    23. 28. <ul><li>function OnPageLoad(){ </li></ul><ul><li>var centerat = new VELatLong(45.50634690108341, -122.67883300781251); </li></ul><ul><li>map = new VEMap('mymap'); </li></ul><ul><li>map.LoadMap(centerat,15,VEMapStyle.Aerial ,false); </li></ul><ul><li>} </li></ul><ul><li>function AddMap(){ </li></ul><ul><li>agisve_services = new ESRI.ArcGIS.VE.ArcGISLayerFactory(); </li></ul><ul><li>agisve_services.CreateLayer(tileUrl, &quot;Parcels&quot;, GetMap); </li></ul><ul><li>} </li></ul><ul><li>function GetMap(tileSourceSpec, resourceInfo){ </li></ul><ul><li>tileSourceSpec.Opacity=0.35; </li></ul><ul><li>map.AddTileLayer(tileSourceSpec,true); </li></ul><ul><li>$get(&quot;resultDiv&quot;).style.visibility =&quot;hidden&quot;; </li></ul><ul><li>} </li></ul>
    24. 30. © 2008 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

    ×