Silverlight - Bing Maps - Pushpin Style Customization

Question

How to customize the button style in a Bing Maps Silverlight control? I reviewed the documentation here ( http://www.microsoft.com/maps/isdk/silverlightbeta/#MapControlInteractiveSdk.Tutorials.TutorialCustomPushpin ). However, I programmatically add a variable number of Pushpins. Ideally, I would like to set the style of each pushin, but I don’t know how to do it.

Answer 1

You have 2 ways to go:

(1) Create any UIElement to go to PushPinLayer.AddChild. The AddChild method will accept any UIElement, for example, an image in this case:

MapLayer m_PushpinLayer = new MapLayer(); Your_Map.Children.Add(m_PushpinLayer); Image image = new Image(); image.Source = ResourceFile.GetBitmap("Images/Me.png", From.This); image.Width = 40; image.Height = 40; m_PushpinLayer.AddChild(image, new Microsoft.Maps.MapControl.Location(42.658, -71.137), PositionOrigin.Center); 

(2) Create your own PushPin objects to pass to PushpinLayer.AddChild, but first set the Template property. Note that PushPin are ContentControls and have a Template property that can be set from a resource defined in XAML:

 MapLayer m_PushpinLayer = new MapLayer(); Your_Map.Children.Add(m_PushpinLayer); Pushpin pushpin = new Pushpin(); pushpin.Template = Application.Current.Resources["PushPinTemplate"] as (ControlTemplate); m_PushpinLayer.AddChild(pushpin, new Microsoft.Maps.MapControl.Location(42.658, -71.137), PositionOrigin.Center); <ResourceDictionary xmlns="http://schemas.microsoft.com/client/2007" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> <ControlTemplate x:Key="PushPinTemplate"> <Grid> <Ellipse Fill="Green" Width="15" Height="15" /> </Grid> </ControlTemplate> </ResourceDictionary> 

Answer 2

I would do this by creating a layer and then adding my push pins to this layer.

 // during initial load MapLayer lay = new MapLayer(); MapControl.Children.Add(lay); // for each pushpin you want to add Image image = new Image(); // this assumes you have an "Images" folder on the root of your host web application image.Source = new BitmapImage(new Uri(App.Current.Host.Source, "../Images/PushPin.png")); var lat = 40.4d; var long = -81.8d; Location location = new Location(lat, long, 0d); //Define the image display properties image.Opacity = 1.0; image.Stretch = Stretch.None; // Center the image around the location specified PositionOrigin position = PositionOrigin.Center; //Add the image to the defined map layer lay.AddChild(image, location, position); 

Answer 3

 Private Sub MainPage_Loaded(ByVal sender As Object, ByVal e As System.Windows.RoutedEventArgs) Handles Me.Loaded Dim pushpin As Microsoft.Maps.MapControl.Pushpin = New Microsoft.Maps.MapControl.Pushpin pushpin.Template = Application.Current.Resources("PushPinTemplate") End Sub 

don't give me an error ...