Keith Kinnan's Blog

Bing Maps Silverlight Control Code Samples Available from PDC09

2009-11-21T01:45:10Z

Thanks to everyone who attended my session CL36: Deep Dive on Bing Maps Silverlight Control at PDC09! Hope you had a good time.

Here is a link to the code samples from the session:

Download BingMapsSilverlightSamplesPDC09.zip

To use the code samples locally:

Download and install the Bing Maps Silverlight Control
Download and Unzip the BingMapsSilverlightSamplesPDC09.zip file
Update the references to point to the MapControl DLLs (Microsoft.Maps.MapControl.dll and Microsoft.Maps.MapControl.Common.dll) for each of the csproj files
Go to the Bing Maps Account Center and sign up for a Bing Maps Key
Search for “Insert Credentials Here” in the project and replace it with your Bing Maps Key. (They are all in the App.xaml files)

Have fun!

Bing Maps @ PDC Day 2 and 3

2009-11-19T18:49:33Z

Thanks to everyone yesterday for stopping by the Bing Maps booth and meeting with us at the Ask the Experts session and the PDC Underground. We enjoyed meeting with you and hearing your feedback and talking about Bing Maps!

Today, you can see Chris Pendleton’s Chalk Talk on Bing Maps APIs at 10 AM in the Web Pavillion by the booth. Also, I will be presenting a session: CL36: Deep Dive on Bing Maps Silverlight Control today at 12:45 PM in 515A.

The Bing Maps booth and our “Hands On Lab: Develop Visually Engaging Applications with Bing Maps Silverlight Control” are also going on in the Web Pavillion today!

Hope to see you!

Bing Maps at PDC - Day 1

2009-11-18T19:14:00Z

Thanks to everyone who stopped by the Bing Maps booth yesterday at PDC09! We had a great time meeting with you. Also, thanks to those who attended the Chalk Talk on Deep Dive on Bing Maps Silverlight Control yesterday! If you missed it, don’t worry, you can attend the session CL36: Deep Dive on Bing Maps Silverlight Control on Thursday @12:45 PM in 515A.

Come see us today at the Bing Maps Booth in the Web Pavillion. You can also do the “Hands On Lab:Develop Visually Engaging Applications with Bing Maps Silverlight Control” in the Web Platform Hands On Lab Area.

Also, don’t forget about the Ask The Experts session tonight from 5:30 to 7:30 PM! See you there!

Learn about Bing Maps at PDC09!

2009-11-13T06:27:00Z

Come learn about the Bing Maps platform at PDC09 next week in LA! Here’s a schedule of events where you can meet Bing Maps team members and learn about developing with the Bing Maps platform!

We have a couple of chalk talks and sessions where you can learn information. Here are the dates and times:

Tuesday 11/17

1 PM – 2 PM

Chalk Talk: “Deep Dive on Bing Maps Silverlight Control”
Keith Kinnan

Wednesday 11/18

5:30 PM – 7:30 PM

“Ask the Experts“
Keith Kinnan and Chris Pendleton

Thursday 11/19

10 AM – 11 AM	Chalk Talk: “Bing Maps APIs” Chris Pendleton
12:45 PM – 1:30 PM	Session CL36: “Deep Dive on Bing Maps Silverlight Control” in 515A Keith Kinnan

All week at PDC Tuesday 11/17 - Thursday 11/19 you can stop by the Bing Maps Booth in the Web Pavillion and meet team members and get information.

You can also work on the Hands On Lab:Develop Visually Engaging Applications with Bing Maps Silverlight Control” in the Web Pavillion Hands on Lab Area.

Hope to see you there!

Bing Maps Silverlight Control Available!

2009-11-10T19:38:37Z

Today we announced some exciting updates to the Bing Maps Platform! We are excited to announce the launch of the Bing Maps Silverlight Control along with other Bing Maps platform enhancements to improve performance and ease of use.

The Bing Maps Silverlight Control leverages the power of Silverlight to provide a powerful and rich platform for building mapping and location-based applications. I want to thank you for all the great feedback from the Silverlight map control CTP release last March. We were able to incorporate a lot of your feedback into the control, and today it is version 1.0 and is production ready!

We are also rolling out performance improvements across the platform with improvements to our distributed data center infrastructure. We are also making it easier to get started with the Bing Maps platform with the new Bing Maps Account Center where you can create an account and use a simple key to access the Bing Maps Silverlight and AJAX Controls and Web Services. With the key you can try out the Bing Maps Platform for free and it is free to use for non profit, education, and small websites.

Here is a list of some of the features in the Bing Maps Silverlight Control v1.0:

Silverlight 3 including support for Out of Browser
Road and Aerial Map Modes with and without Labels featuring Deep Zoom with the Silverlight MultiScaleImage control
Position Silverlight UIElements on the Map including images, video, pushpins, polylines, and polygons with a few lines of XAML
Data Binding with the MapItemsControl
Use Bing Maps Web Services with the control for advanced Search, Geocoding, and Routing functionality
World Wrap / infinite pan across the dateline
Design-time integration with Expression Blend
Scripting interface for coding with JavaScript
Embed Silverlight (and AJAX) Maps with a single URL in a web page
Online Interactive SDK with demos and sample code showing how to use the control

Here are some useful links to try out the new Bing Maps Silverlight Control:

Try it out today and let us know what you think!

Bing Maps at PDC09!

2009-10-26T23:19:00Z

I will be attending PDC09 this year along with other representatives from the Bing Maps team in Los Angeles from November 17-19. Come learn about the Bing Maps platform. Visit the Bing Maps booth in the Big Room and the Bing Maps table at the Ask the Experts session. I will post more details about PDC09 soon. Hope to see you there!

Bing Maps

2009-06-04T01:47:00Z

Microsoft Virtual Earth is now officially known as “Bing Maps”. You can see the Bing logo on the Bing Maps website (formerly known as Live Search Maps) and on the Bing Maps Interactive SDK . You can see the SDKs for the Bing Maps Web Services and the Bing Map Control 6.2. The Virtual Earth Silverlight Map Control CTP will remain “Virtual Earth” for now since it is a CTP, but will be part of the Bing Maps platform when the next release is available.

For more details on the change from Virtual Earth to Bing Maps, check out this blog post from Chris Pendleton on Bing Maps which has a nice video discussing the new name and check out Bing!.

Bing Maps Interactive SDK

Bing Maps

(Note: This post is also available on the Bing Maps Platform Team Blog)

TechEd Sessions on Virtual Earth Silverlight Map Control Available Online

2009-05-18T18:07:00Z

The session I gave at TechEd 2009 is now available for online viewing for TechEd attendees. Click on the link below to view the session if you missed it or if you want to watch it again:

WUX402: Deep Dive on Virtual Earth Silverlight Map Control

The Microsoft Virtual Earth Platform has grown immensely over the past year from our Virtual Earth AJAX Map Control to our new Virtual Earth Web Services and now our Virtual Earth Silverlight Map Control which is now available as a public beta to developers. Come and join us as we take you on a tour of all the features and dig deep into the code to show you how to build your own Virtual Earth applications in Silverlight.

Download source code for this session.

Also, I did a 20 minute interview with Mark Dunn for TechEd Online to discuss some of the features of the Virtual Earth Silverlight Map Control. This video is available to everyone. You can see the video here:

TTK20: Microsoft Virtual Earth Silverlight Map Control

The Microsoft Virtual Earth Platform has grown immensely over the past year from our Virtual Earth AJAX Map Control to our new Virtual Earth Web Services and now our Virtual Earth Silverlight Map Control which is now available as a public beta to developers. Watch as Keith Kinnan and Mark Dunn talk about some of the features of the Virtual Earth Silverlight Map Control.

Thanks to everyone who attended TechEd. I enjoyed meeting with you at the sessions and at the Silverlight booth. Don’t forget to download the Virtual Earth Silverlight Map Control CTP, try it out, and give us feedback!

(Note: This post is also available on the Virtual Earth Platform Team Blog)

TechEd 2009 – Deep Dive on Virtual Earth Silverlight Map Control Session – Links and Demo Source Code

2009-05-14T12:20:00Z

Thanks to all who attended my session at TechEd 2009 today – WUX402: Deep Dive on Virtual Earth Silverlight Map Control. I had a great time and I hope you enjoyed it! I wanted to post the source code to the samples I demoed and provide some relevant links.

You can download the Microsoft Virtual Earth Silverlight Map Control CTP at the Connect Portal.

Here are links to some of the demos using the Virtual Earth Silverlight Map Control that I showed at the beginning of the session:

Here are links to the source code for all the code samples I showed:

Here are some notes about the code samples:

The solution files are for Silverlight 3 Beta, however the code for everything except the Map Rotation sample should work within a Silverlight 2 solution.
You will need to download and install the Silverlight Map Control CTP and make sure the MapControl project references are pointing to Microsoft.VirtualEarth.MapControl.dll on your machine to build these samples
The samples using the Virtual Earth Web Services require Virtual Earth credentials. You will need to edit the Credentials.cs file in those projects to provide credentials. You can sign up for an evaluation account to try out the web services. See the following articles for more details. I have also added comments in the Credentials.cs files with links to these articles.
- Developing a Silverlight Application Using Virtual Earth Web Services
- Requesting a Virtual Earth Token
The samples using Virtual Earth Silverlight Map Control without Virtual Earth Web Services do not require credentials.

Have fun!

(Note: This post is also available on the Virtual Earth Platform Team Blog)

Learn about Virtual Earth at TechEd this Week!

2009-05-11T20:45:00Z

Just a reminder that I’ll be out at TechEd this week in LA. Come see the Virtual Earth session on Wednesday at 4:30 PM to learn how to build applications with the Virtual Earth Silverlight Map Control:

WUX402 Deep Dive on Virtual Earth Silverlight Map Control

Wed 5/13 | 4:30 PM-5:45 PM | Room 408B

The Microsoft Virtual Earth Platform has grown immensely over the past year from our Virtual Earth AJAX Map Control to our new Virtual Earth Web Services and now our Virtual Earth Silverlight Map Control which is now available as a public beta to developers. Come and join us as we take you on a tour of all the features and dig deep into the code to show you how to build your own Virtual Earth applications in Silverlight.

Also, I’ll be hanging out at the Silverlight booth Tuesday and Thursday morning this week. So stop by if you want to talk more about Virtual Earth. Hope to see you there!

Virtual Earth Silverlight Map Control CTP – Spinning Map with Silverlight 3

2009-04-04T02:51:00Z

The Virtual Earth Silverlight Map Control CTP is designed to work with Silverlight 2. However, since Silverlight 3 is reverse-compatible with Silverlight 2, you can use it with Silverlight 3 projects also.

At MIX09, Joe Stegman demonstrated a nice Perspective 3D demo where he rotated a DataGrid in the X, Y, and Z directions using the new PlaneProjection offered in Silverlight 3. I thought it would be fun to check it out and see how it works with the Virtual Earth Silverlight Map Control CTP. Check out the results! If you don’t have Silverlight 3 installed, you will see a page where you can install Silverlight 3.

Here is a link to the running application and some screenshots:

Virtual Earth Silverlight Map Control CTP / Silverlight 3 Spinning Map Sample

I made a couple of modifications to Joe Stegman’s original demo. I replaced the DataGrid with a Map and made it take up space of the whole Grid. I also updated the controls to have a Play “>” and Pause “||” button to start animations.

Click and Slide the Rotation X slider to manually control the rotation along the X axis.

Click and Slide the Rotation Y slider to manually control the rotation along the Y axis.

Click and Slide the Rotation Z slider to manually control the rotation along the X axis.

Click and slide the Zoom Level slider to manually control the zoom level. You can also manually use keyboard and mouse input and the navigation control on the Map to control its view.

Click on the Play “>” button by each slider to kick off a repeated animation for that axis. Click on the “>” button for each axis to create a crazy rotation animation. Click on Pause “||” button to stop the animation for each axis. You can also click the “Reset” button at any time to reset the Map back to its original state. With different combinations you can create some crazy effects with zooming spinning maps!

I thought this was an interesting display of some of the amazing capabilities of Silverlight 3 with the Virtual Earth Silverlight Map Control. Have fun!

(Note: This post is also available on the Virtual Earth Platform Team Blog)

Virtual Earth at Tech-Ed North America 2009

2009-04-04T02:00:31Z

Come learn about Virtual Earth and the Virtual Earth Silverlight Map Control at Microsoft Tech-Ed North America 2009, May 11-15 in Los Angeles. I will be presenting a session on Virtual Earth and and the details are below. I hope to see you there!

WUX402 Deep Dive on Virtual Earth Silverlight Map Control

The Microsoft Virtual Earth Platform has grown immensely over the past year from our Virtual Earth AJAX Map Control to our new Virtual Earth Web Services and now our Virtual Earth Silverlight Map Control which is now available as a public beta to developers. Come and join us as we take you on a tour of all the features and dig deep into the code to show you how to build your own Virtual Earth applications in Silverlight.

Virtual Earth Silverlight Map Control CTP – Put Scalable Content on the Map

2009-04-04T01:35:59Z

In the previous post I showed how to position Silverlight UIElements at a Location to create pushpins with the Virtual Earth Silverlight Map Control CTP. You can also position content in a scalable manner using the MapLayer.MapRectangle attached property. For example, the following code will position a scalable video on the Map by specifying the bounding box in LocationRect coordinates – by specifying the Location of the corners of the bounding box. The video is from the MIX’09 conference and it is being mapped to the roof of the Venetian:

<m:Map Mode="Aerial" Center="36.12135,-115.165998" ZoomLevel="17">
    <m:Map.Children>
        <MediaElement Source="http://mschannel9.vo.msecnd.net/o9/mix/09/wmv/key01.wmv" m:MapLayer.MapRectangle="36.122098,-115.167745,36.120414,-115.164390" Opacity="0.75"/>
    </m:Map.Children>
</m:Map>

Here is a screenshot and a link to the running sample:

Virtual Earth Silverlight Map Control CTP – Scalable Video Sample

Notice as you zoom in and out the video will scale with the Map since it was mapped to the bounding box. This can be done with any Silverlight UIElement including images and other user controls. Here are 2 screenshots showing how the video scales with the Map as you zoom in:

For more details on using the Virtual Earth Silverlight Map Control, install the Virtual Earth Silverlight Map Control CTP SDK or see the interactive SDK online.

(Note: This post is also available on the Virtual Earth Platform Team Blog)

Virtual Earth Silverlight Map Control CTP – How to Create Simple Pushpins

2009-04-04T01:17:43Z

The Virtual Earth Silverlight Map Control CTP supports several different ways to position content on the map. Some of these ways are to:

Position a fixed-size element at a Location on the Map, which will act like a pushpin.
Position an element in a scalable manner on the Map by mapping it to a Location Rectangle bounding area on the Map so it will scale with the Earth surface as you zoom in and out.
Position an element at a fixed screen pixel coordinate over the Map such that it exists over the Map.

There currently is not a pushpin class built into the Virtual Earth Silverlight Map Control. The reason is Silverlight already has a UIElement class which is a basic UI primitive. So, the Silverlight Map control provides the capability to position UIElements in the Latitude/Longitude space. To create a pushpin, you can put any UIElement on the Map and use the MapLayer.MapPosition attached property to position it at a Latitude and Longitude.

The Map has a Children property where you can insert child elements on the Map. In the sample code below, an Image is inserted as a child of the Map. The MapLayer.MapPosition attached property sets the Latitude and Longitude of the element over the Statue of Liberty. Since the pushpin image we are using in this sample has its anchor point on the bottom left, we can use the MapLayer.MapPositionMethod attached property to anchor the bottom left part of the UIElement to the Location. Note: You can also specify other anchor positions such as TopLeft, Center, etc. For example, if you want the center of the image to point to the Latitude/Longitude specified, then use “Center”. There is also a MapLayer.MapPositionOffset attached property you can use to specify an exact offset in pixels to anchor a point on your UIElement to the Latitude/Longitude more precisely if you need to do so.

For example, here’s XAML code to put the simple pushpin image on the Map and make the bottom left part of the image point to the Location:

        <m:Map Mode="Road" Center="40.689205,-74.044526" ZoomLevel="17">
            <m:Map.Children>
                <Image Source="http://krkinnan.members.winisp.net/i/pin1.png" m:MapLayer.MapPosition="40.689205,-74.044526" m:MapLayer.MapPositionMethod="BottomLeft" Width="35" Height="35"/>
            </m:Map.Children>
        </m:Map>

Virtual Earth Silverlight Map Control CTP – Simple Pushpin Sample

You can also add the pushpin to the Map using C# in the code behind file – for example:

            //Create the pushpin image UIElement
            Image image = new Image();
            image.Source = new BitmapImage(new Uri("http://krkinnan.members.winisp.net/i/pin1.png", UriKind.Absolute));
            image.Width = 35;
            image.Height = 35;

            //Add the pushpin to the Map
            MyMap.Children.Add(image);

            //Position the pushpin using the attached properties
            MapLayer.SetMapPosition(image, new Location(40.689205, -74.044526));
            MapLayer.SetMapPositionMethod(image, PositionMethod.BottomLeft);

Notice in this sample, the pushpin image will stay fixed width and height as you zoom in and out and stay at the Latitude/Longitude specified as you move the Map. You can position any Silverlight UIElement the same way using the MapLayer.MapPosition property. So, your pushpins don’t have to be images - they can be complex Silverlight objects. You can also attach Silverlight events to your UIElement to create advanced effects.

For more details install the Virtual Earth Silverlight Map Control CTP SDK or see the interactive SDK online.

In a future post I will show you how to position elements in a scalable manner so they scale as the Map zooms in and out.

(Note: This post is also available on the Virtual Earth Platform Team Blog)

Virtual Earth Silverlight Map Control CTP: Setting the Map Mode and View

2009-04-03T04:01:00Z

In a previous post, I showed you how to get started and create the simple “Hello World” sample using the Virtual Earth Silverlight Map Control CTP. Notice in that sample, the map by default shows the “Road” map. The navigation control at the top left of the map lets users manually change the Map to other map styles by clicking on Aerial and toggling Labels. Also, by default, the user can navigate the map to change the map view with input devices by using the mouse wheel and clicking and dragging the map.

The Virtual Earth Silverlight Map Control also allows you to programmatically control the map mode and the map view which allows you to put the Map in a known state when it initializes. In the Virtual Earth Ajax JavaScript Map Control, map modes were referred to as “map styles”. To set the initial map mode, you can use the Mode property of the Map. There are 3 supported Map Modes in the CTP: Road, Aerial, and AerialWithLabels.

Here’s example XAML code to set the Map Mode to Aerial:

<m:Map Mode=”Aerial” />

Here’s example XAML code to set the Map Mode to Aerial with labels turned on (known as Hybrid map style in the Ajax map control):

<m:Map Mode=”AerialWithLabels” />

Here’s example XAML code to set the Map Mode to Road:

<m:Map Mode=”Road” />

Also, the Mode XAML property uses a type converter so you can set it with a string in the XAML. If you want to set the MapMode in the code behind file, you can do this by setting the Mode property to an instance of the MapMode class. For example:

map.Mode = new RoadMode(); // Set the Mode to “Road”

map.Mode = new AerialMode(); // Set the Mode to “Aerial”

map.Mode = new AerialWithLabelsMode(); //Set the Mode to “AerialWithLabels”

In addition to setting the Map Mode, you can also set the Center and ZoomLevel properties on the Map to control the initial Map view. The Center property is of type Location which lets you specify the Latitude and Longitude of the Map center point. The ZoomLevel is a double and lets you specify the level of detail of the Map View. Notice in the Javascript Ajax Map Control the zoom level was an integer, however in Silverlight it is a double, so you can have in-between floating point zoom levels.

For example, the following XAML will initially put the Map in Aerial Mode with labels and set the center and zoom level over San Francisco:

<m:Map Mode=”AerialWithLabels” Center=”37.806029, –122.407007” ZoomLevel=”16” />

Here’s the sample running:

Virtual Earth Silverlight Map Control CTP: Set Initial View Sample

Here’s the complete listing of the XAML code from the sample:

<UserControl x:Class="SilverlightApplication1.Page"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:m="clr-namespace:Microsoft.VirtualEarth.MapControl;assembly=Microsoft.VirtualEarth.MapControl">
    <Grid x:Name="LayoutRoot" Background="White">
        <m:Map Mode="AerialWithLabels" Center="37.806029, -122.407007" ZoomLevel="16"/>
    </Grid>
</UserControl>

You can also programmatically set the Center and ZoomLevel in the code behind file. For example:

map.Center = new Location(37.806029, –122.407007);

map.ZoomLevel = 16;

There are also some additional SetView methods which allow you to set the view without using the properties directly. For more information, see the Virtual Earth Silverlight Map Control CTP Interactive SDK.

(Note: this post is also available at the Virtual Earth Platform Team Blog)