Skip to main content

Getting started with Silverlight and Bing Maps

I have a relatively new found love for Silverlight, and when I got the chance to create a demo with Silverlight and Bing Maps I got very excited. The application gets objects from an existing Web Service. The objects contains meta data and coordinates in the format SWEREF 99. On silverlight.net there are information on how to get started with Silverlight. In addition, this is what you need to do to get started with Silverlight and Bing Maps:
  1. Download and install Bing Maps Silverlight Control SDK.
  2. Create an account at Bing Maps Account Center to be able to create Bing Maps Keys.
In the Silverlight applicationen you only need to add a reference to Microsoft.Maps.MapControl.dll, and after that you are ready to use Bing Maps in Silverlight.

<UserControl x:Class="SilverlightApplication1.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:bing="clr-namespace:Microsoft.Maps.MapControl;assembly=Microsoft.Maps.MapControl"
    mc:Ignorable="d">
    <Grid x:Name="LayoutRoot">
        <bing:Map CredentialsProvider="[BingMapCredentials]" Mode="Road" ZoomLevel="5" Center="61.71816218644379, 17.33600065112114">
            <bing:Pushpin Location="59.331959746778026, 18.062450140714645" />
        </bing:Map>
    </Grid>
</UserControl>

This basic example is a foundation to a lot of fun, but the first challenge for me was the coordinate transformation, which is about as tricky as it sounds. The objects contains coordinates in plain SWEREF 99 format while Bing Maps uses decimal WGS 84 format.

Luckliy I found an excellent .NET library, MightyLittleGeodesy by Björn Sållarp, which allows me to transform the coordinates between a wide range of formats.
Labels:

Comments

Post a Comment

Popular posts from this blog

Moving to the cloud - part 1

I cannot with words describe the hype around the cloud today, and of course I had to join the croud. I have transferred all my applications, files and services to the cloud. I thought I would share some of the experiences and difficulties I have hit during my jourey. These are the steps I have performed in order to complete my move to the cloud: Most of my files are safely stored with  Dropbox . E-mail accounts for stodell.se  were moved from service provider to  Google Apps . The Cornball was moved from service provider to  Windows Azure och SQL Azure . This blog was moved from Wordpress at a service provider to  Google's Blogger . Even though  Loopia has been a great service provider during many years I have now been able to cancel all my services except the domain hosting with them. The replacement being free services and the Azure capacity that is included in the MSDN subscription.
Post a Comment
Read more

Binding a HTML-formatted string to a WPF WebBrowser control

Sometimes there is a need to display a HTML formatted string in a WPF application. There are a couple of ways to do this, but the most stright forward is to use a WebBrowser control and the NavigateToString method. This approach has one big flaw, you cannot use binding to a string out of the box, but I found a great solution through Stack Overflow which adds a bindable property to the  WebBrowser  control using  NavigateToString . The following class is all that is needed to add that behavior. A new depencency property named Html is introduced to the  WebBrowser  and the proper change action is performed in the OnHtmlChanged method. public class BrowserBehavior { public static readonly DependencyProperty HtmlProperty = DependencyProperty.RegisterAttached( "Html", typeof(string), typeof(BrowserBehavior), new FrameworkPropertyMetadata(OnHtmlChanged)); [AttachedPropertyBrowsableForType(typeof(WebBrowser))] public static string GetHtml(WebBrowser bro
1 comment
Read more

Using Bootstrap Tooltip to show Parsley validation errors

I'm currently working on a web application using a variety of different frameworks, such as Backbone for the back-end, Bootstrap for the front-end and Parsley for client side form validation.  Parsley is a really powerful validation toolkit, but it takes some tweaking to make it blend with the Bootstrap front-end. Fortunately this is a one time fix, which can be re-used all over our project. Since there will be some custom options in our  Parsley  object, we can't use the default parsley-validate attribute on the form. Instead we have to initialize the validation with the jQuery syntax: $('#my-form').parsley(parsleyOptions); The options are were the magic happens, and in our case we have a global options object that our forms use to get the same experience all over the application. Here's what it looks like: var parsleyOptions = {  // Sets success and error class to Bootstrap class names  successClass: 'has-success',  errorClass: 'has-er
2 comments
Read more