Home/ Questions/Q 6540091
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T10:56:12+00:00

I am attempting to convert a bing map implementation that uses standard PushPins in

  • 0

I am attempting to convert a bing map implementation that uses standard PushPins in order to populate the map, but I need to add a tooltip to each pin. I found some options of how to do this on the website but the issue is I need the pushpins to be different from each other in a way that is dynamic. Based on the properties of each pin it must have a different background color.

The code already on this site all has the programmer use an image of the pushpin when they customize it.

So right now I need a way to either create a templated pushpin that is able to maintain the look and properties of a pushpin (so I can set background), while allowing a tooltip. Or instead having a regular pushpin have a tooltip or popup with it.

Any help would be appreciated!

Edited:

Control Template I am using

<ControlTemplate x:Key="NewPins" >

        <Grid x:Name="pushPin" >

            <Popup IsOpen="False" behaviors:RolloverPopup.HideDelay="0" behaviors:RolloverPopup.Target="{Binding ElementName=pushPin}"  Margin="30,-20,0,0"  >
                <Border Background="White" BorderBrush="Black" CornerRadius="10" BorderThickness="1">
                    <StackPanel Orientation="Vertical" >
                        <TextBlock Text="{Binding Title}" Foreground="Black" FontWeight="Bold" TextWrapping="Wrap" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Margin="10" />
                        <TextBlock Text="{Binding Content}" Foreground="Black" TextWrapping="Wrap" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Margin="10" />
                    </StackPanel>
                </Border>
            </Popup>
        </Grid>

    </ControlTemplate>

This is setting up the pin in C#

Pushpin pin = new Pushpin() 
                    { 
                        Location = new Location( Double.Parse(item.PinLat), Double.Parse(item.PinLong)),
                        Content=String.Concat( GetNewlineString(item.LocationName), GetNewlineString(item.CallerName), GetNewlineString(item.PhoneNumber)),
                        Template=(ControlTemplate)Application.Current.Resources["NewPins"],
                        Width = 50,
                        Height = 65,
                    };

And this is creating the Bing Map

<c:BingMapAdSmart 
         AnimationLevel="UserInput"
         Pins="{Binding DashboardViewModel.MapPins}" 
         NavigationVisibility="Visible"
         SetViewZoomFactor="0"
         MaxZoomLevel="7"
         Visibility="{Binding NavViewModel.IsViewTransitioning, Converter={StaticResource TrueToCollapsedConverter}}" />
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I just solved this issue to my complete satisfaction. To accomplish this, you need to have to create a Pushpin style with a key. Then inside this pushpin you create a standard pushpin (you can use another style on that but don’t let it look back to this style, I used default), and a popup to go along with it. An example is below, I am using a local tool to do easy rollover popups, otherwise its standard stuff + bind maps.

    <Style TargetType="bingMaps:Pushpin" x:Key="NewPins2">

    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate  TargetType="bingMaps:Pushpin" >

                <Grid x:Name="pushPin" >
                    <Border  Width="50" Height="65" >
                        <bingMaps:Pushpin Background="{TemplateBinding Background}" />
                    </Border>

                    <Popup IsOpen="False" behaviors:RolloverPopup.HideDelay="0" behaviors:RolloverPopup.Target="{Binding ElementName=pushPin}"  Margin="30,-20,0,0"  >
                        <Border Background="White" BorderBrush="Black" CornerRadius="10" BorderThickness="1">
                            <StackPanel Orientation="Vertical" >
                                <TextBlock Text="{Binding Title}" Foreground="Black" FontWeight="Bold" TextWrapping="Wrap" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Margin="10" />
                                <TextBlock Text="{Binding Content}" Foreground="Black" TextWrapping="Wrap" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Margin="10" />
                            </StackPanel>
                        </Border>
                    </Popup>
                </Grid>

            </ControlTemplate>
        </Setter.Value>
    </Setter>

</Style>
    • 0