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.

1. The Bing Maps Silverlight Control Johannes Kebeck Bing Maps TSP jkebeck@microsoft.com

2. (Some) Recent Updates New Geocoders in DE and UK  but overall quality improved Dynamic Compute Network Services in the Cloud New Imagery http://bingmapsupdates.cloudapp.net/ http://hannesve.cloudapp.net/BM-SL-Coverage/Default.htm

3. Aerial/Satellite-Imagery Updates 10/01

4. Silverlight on the B2C Site Weather

5. Drageable Routes on the B2C Site

6. Bird’s Eye in Silverlight on B2C Site

7. “Enhanced” Bird’s Eye on B2C Site

8. Streetside Imagery

9. Map Apps

10. Deep Photosynth Integration

11. Destination Maps

12. Destination Maps

13. Getting Started: Embedded Maps

14. Getting Started http://www.microsoft.com/maps/developers/

15. Getting Started Bing Maps Key for SOAP AJAX Silverlight https://www.bingmapsportal.com/

16. Why Silverlight? WPF Silverlight Win Forms AJAX Increasing Richness HTML Increasing Reach

17. What does it mean for Bing Maps? Improved map rendering: Panning and zooming now uses the DeepZoom-blending to transition between zoom-levels Superior graphics framework: Support for WPF animations and transformations of graphics and videos. 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.

18. Performance

19. What does it mean for Bing Maps? Improved map rendering: Panning and zooming uses the DeepZoom-blending to transition between tiles Superior graphics framework: Support for WPF animations and transformations of graphics and videos. 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. 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.

20. The Right Tool for the Right Person Page.xaml.vb Page.xaml Visual Studio for the Developer Expression Blend for the Designer

21. CTP vs. v1 There are a lot of breaking changes Requires Bing Maps Key Build in Silverlight 3 Support for OOB Pushpin-Object Data Binding Design-time support for Expression Blend Languages DE, EN, ES, FR, IT Scripting support Bird’s Eye Imagery and Streetside (Available as CTP)

22. Interactive SDK and Reference

23. The First Applications http://www.earthware.co.uk/demos/twittermap/

24. The First Applications Note: Animations consume quite a bit of CPU http://www.earthware.co.uk/demos/twittermap/

25. Windows Performance Analysis Tools http://msdn.microsoft.com/en-us/performance/cc825801.aspx http://blogs.msdn.com/seema/archive/2008/10/08/xperf-a-cpu-sampler-for-silverlight.aspx

26. Windows Performance Analysis Tools 76.2% of the load comes from one IE process 60.29% is spent in Silverlight core (graphics/decoding/property engine, etc. are all represented in agcore.dll)

27. Enable/Visualize Hardware Acceleration

28. The First Applications http://incax.com/

29. The First Applications http://eyeonearth.cloudapp.net/

30. The First Applications http://environmentalatlas.net/

31. The First Applications http://www.bendthetrend.net/

32. Getting Started The first Map

33. The First Map

34. Getting Started The first Map Adding HTML-Content

35. Adding HTML-Content http://johanneskebeck.spaces.live.com/blog/cns!42E1F70205EC8A96!10779.entry http://hannesve.cloudapp.net/BM-SL-Photosynth/Default.htm http://www.divelements.co.uk/silverlight/tools.aspx

36. Getting Started The first Map Adding HTML-Content Connecting to a Database

37. Connecting to a Database

38. Add Clustering http://johanneskebeck.spaces.live.com/blog/cns!42E1F70205EC8A96!10821.entry http://hannesve.cloudapp.net/BM-SL-PhotoMap/Default.htm

39. Getting Started The first Map Adding HTML-Content Connecting to a Database Adding Tile-Layer

40. Adding a Tile-Layer

41. Some Performance Tips Animations in Silverlight are great but try to restrain yourself If you use videos If possible avoid resizing the video in Silverlight. The download-process spins CPU-cycles as well. Test it on older PCs or laptop. Consider “Smooth Streaming” Enable Hardware-Acceleration HTML: <paramname="EnableGPUAcceleration" value="true" /> AND XAML: CacheMode="BitmapCache“ If you connect to a database Filter the points and retrieve only the points in the current map view Consider clustering If you draw polygons Consider Rasterizing. The more points a polygon has the longer the rendering takes.

43. MSR ICE

44. Microsoft Live Labs Photosynth

45. Microsoft Chart Controls