Working with the Bing Maps Silverlight Control

4,346 views

Published on

Johannes Kebeck from Microsoft provides pointers to getting started with the Bing Maps Silverlight Control and highlighting the issues faced when building visually stimulating mapping applications.

This presentation was given on 3rd February 2010 at the Microsoft "Cardinal Place" office in London.

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

No Downloads
Views
Total views
4,346
On SlideShare
0
From Embeds
0
Number of Embeds
62
Actions
Shares
0
Downloads
0
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Working with the Bing Maps Silverlight Control

  1. 1. The Bing Maps Silverlight Control<br />Johannes Kebeck<br />Bing Maps TSP<br />jkebeck@microsoft.com<br />
  2. 2. (Some) Recent Updates<br />New Geocoders in DE and UK  but overall quality improved<br />Dynamic Compute Network Services in the Cloud<br />New Imagery<br />http://bingmapsupdates.cloudapp.net/<br />http://hannesve.cloudapp.net/BM-SL-Coverage/Default.htm<br />
  3. 3. Aerial/Satellite-Imagery Updates 10/01<br />
  4. 4. Silverlight on the B2C Site<br />Weather<br />
  5. 5. Drageable Routes on the B2C Site<br />
  6. 6. Bird’s Eye in Silverlight on B2C Site<br />
  7. 7. “Enhanced” Bird’s Eye on B2C Site<br />
  8. 8. Streetside Imagery<br />
  9. 9. Map Apps<br />
  10. 10. Deep Photosynth Integration<br />
  11. 11. Destination Maps<br />
  12. 12. Destination Maps<br />
  13. 13. Getting Started: Embedded Maps<br />
  14. 14. Getting Started<br />http://www.microsoft.com/maps/developers/<br />
  15. 15. Getting Started<br />Bing Maps Key for<br />SOAP<br />AJAX<br />Silverlight<br />https://www.bingmapsportal.com/<br />
  16. 16. Why Silverlight?<br />WPF<br />Silverlight<br />Win<br />Forms<br />AJAX<br />Increasing Richness<br />HTML<br />Increasing Reach<br />
  17. 17. What does it mean for Bing Maps?<br />Improved map rendering: Panning and zooming now uses the DeepZoom-blending to transition between zoom-levels<br />Superior graphics framework: Support for WPF animations and transformations of graphics and videos.<br />Creating a consistent user experience in the browser: Available for users with Silverlight 2.0 or 3.0 installed. Supported browsers include Internet Explorer, Firefox and Safari.<br />
  18. 18. Performance<br />
  19. 19. What does it mean for Bing Maps?<br />Improved map rendering: Panning and zooming uses the DeepZoom-blending to transition between tiles<br />Superior graphics framework: Support for WPF animations and transformations of graphics and videos.<br />Creating a consistent user experience in the browser: Available for users with Silverlight 2.0 or 3.0 installed. Supported browsers include Internet Explorer, Firefox and Safari.<br />Utilize existing .NET skills: The Silverlight libraries are a subset of the .NET Framework 3.5. Visual Studio can be used to build the applications. Expression Blend can be used to build the user interface and graphical components. However, for the JavaScript-enthusiasts there is a scripting API for the Silverlight control.<br />
  20. 20. The Right Tool for the Right Person<br />Page.xaml.vb<br />Page.xaml<br />Visual Studio for the Developer<br />Expression Blend for the Designer<br />
  21. 21. CTP vs. v1<br />There are a lot of breaking changes<br />Requires Bing Maps Key<br />Build in Silverlight 3<br />Support for OOB<br />Pushpin-Object<br />Data Binding<br />Design-time support for Expression Blend<br />Languages DE, EN, ES, FR, IT<br />Scripting support<br />Bird’s Eye Imagery and Streetside (Available as CTP)<br />
  22. 22. Interactive SDK and Reference<br />
  23. 23. The First Applications<br />http://www.earthware.co.uk/demos/twittermap/<br />
  24. 24. The First Applications<br />Note: Animations consume quite a bit of CPU <br />http://www.earthware.co.uk/demos/twittermap/<br />
  25. 25. Windows Performance Analysis Tools<br />http://msdn.microsoft.com/en-us/performance/cc825801.aspx<br />http://blogs.msdn.com/seema/archive/2008/10/08/xperf-a-cpu-sampler-for-silverlight.aspx<br />
  26. 26. Windows Performance Analysis Tools<br />76.2% of the load comes from one IE process<br />60.29% is spent in Silverlight core <br />(graphics/decoding/property engine, etc. are all represented in agcore.dll)<br />
  27. 27. Enable/Visualize Hardware Acceleration<br />
  28. 28. The First Applications<br />http://incax.com/<br />
  29. 29. The First Applications<br />http://eyeonearth.cloudapp.net/<br />
  30. 30. The First Applications<br />http://environmentalatlas.net/<br />
  31. 31. The First Applications<br />http://www.bendthetrend.net/<br />
  32. 32. Getting Started<br />The first Map<br />
  33. 33. The First Map<br />
  34. 34. Getting Started<br />The first Map<br />Adding HTML-Content<br />
  35. 35. Adding HTML-Content<br />http://johanneskebeck.spaces.live.com/blog/cns!42E1F70205EC8A96!10779.entry<br />http://hannesve.cloudapp.net/BM-SL-Photosynth/Default.htm<br />http://www.divelements.co.uk/silverlight/tools.aspx<br />
  36. 36. Getting Started<br />The first Map<br />Adding HTML-Content<br />Connecting to a Database<br />
  37. 37. Connecting to a Database<br />
  38. 38. Add Clustering<br />http://johanneskebeck.spaces.live.com/blog/cns!42E1F70205EC8A96!10821.entry<br />http://hannesve.cloudapp.net/BM-SL-PhotoMap/Default.htm<br />
  39. 39. Getting Started<br />The first Map<br />Adding HTML-Content<br />Connecting to a Database<br />Adding Tile-Layer<br />
  40. 40. Adding a Tile-Layer<br />
  41. 41. Some Performance Tips<br />Animations in Silverlight are great but try to restrain yourself<br />If you use videos<br />If possible avoid resizing the video in Silverlight.<br />The download-process spins CPU-cycles as well. Test it on older PCs or laptop.<br />Consider “Smooth Streaming”<br />Enable Hardware-Acceleration<br />HTML: &lt;paramname=&quot;EnableGPUAcceleration&quot; value=&quot;true&quot; /&gt;<br />AND<br />XAML: CacheMode=&quot;BitmapCache“<br />If you connect to a database<br />Filter the points and retrieve only the points in the current map view<br />Consider clustering<br />If you draw polygons<br />Consider Rasterizing. The more points a polygon has the longer the rendering takes.<br />
  42. 42. Further Information<br />Bing Maps for Enterprise<br />Bing Maps AJAX Control<br />Interactive SDK<br />Full AJAX-Reference Online (6.2)<br />Downloadable AJAX SDK (6.2)<br />Intellisense for JavaScript<br />Bing Maps Web Service<br />Full SOAP Reference Online (1.0)<br />Downloadable SOAP SDK (1.0)<br />Bing Maps Silverlight Control<br />Download<br />Interactive SDK<br />Online Reference<br />Bing Maps 3D Control<br />Documentation<br />VE3D Team Blog<br />More on Bing Maps<br />On Microsoft.com<br />Bing Maps<br />Bing Maps for Mobile Devices<br />Sign-Up for a Developer Account<br />Bing Maps Tile System<br />Understanding Scale & Resolution<br />Integrating OGC Web Map Services<br />MapCruncher (Beta)<br />Caligari trueSpace<br />Forum<br />Chris Pendleton’s Blog<br />Ricky BrundrittsBlog<br />My Blog<br />Data Updates Visualized<br />Multimap<br /><ul><li>AJAX and REST SDK Online</li></ul>MapPoint Web Service<br /><ul><li>SOAP SDK Online</li></ul>Related Technologies<br /><ul><li>MSR HD View
  43. 43. MSR ICE
  44. 44. Microsoft Live Labs Photosynth
  45. 45. Microsoft Chart Controls
  46. 46. Microsoft Silverlight Toolkit</li></li></ul><li>Q&A<br />

×