Question

我最近开始在WPF中做一些事情，我想出了将地图集成到我的应用程序中的想法。我尝试了谷歌地图的一些东西，但功能不是那么好，所以过了一段时间我放弃了WPF中的谷歌地图。

不久之后，我遇到了Bing Maps。这看起来比谷歌地图更有希望与WPF一起使用。我开始玩Bing的地图，功能很棒！

然而，当我试图在地图上放一个图钉时，我不能立即清楚如何在图钉悬停在图钉上时添加一个信息框。我已经找到了一些如何操作的示例，但它需要与xaml链接的过程代码。我实际上是在寻找一种不使用过程代码的方法。

是否可以仅使用xaml为图钉添加信息框？或者有没有人有一个很好的替代方法如何这样做？

虽然有一个工具提示属性，但我实际上并没有找到它。我实际上是在寻找谷歌地图的图钉式（如果有的话）。

Answer 1

假设我理解你想要的是什么，我相信简短的回答是：抱歉，但是不可能只用XAML将图钉添加到Google地图样式的信息框中。但是，如果可以，我会尽力帮助。

免责声明：我一直在玩Silverlight的Bing Maps控件，所以希望这也适用于WPF版本的控件。

我想你不想使用内置的工具提示，因为你希望它看起来不同（即不只是一个带文字的黄色框），或者因为你想让它在用户移动鼠标时不会消失程。

如果您只是想让它看起来与众不同，我可以提供以下内容。当我为我的Pushpins指定模板时，我继续使用重新模板化的工具提示，并允许用户单击图钉以获取更多信息。

Bing Map with custom ToolTip

这是ToolTip模板，定义为StaticResource，当然可以包含您想要的任何内容：

<Style x:Key="MyToolTipStyle" TargetType="ToolTip">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate>
                <Border CornerRadius="5" BorderBrush="Black" BorderThickness="2" Background="#5c87b2">
                    <ContentPresenter Margin="5">
                        <ContentPresenter.Content>
                            <StackPanel Margin="5" MaxWidth="400">
                                <TextBlock Text="{Binding Name}" FontWeight="Bold" FontSize="16" Foreground="White" TextWrapping="Wrap"/>
                                <TextBlock Text="{Binding Description}" Foreground="White" TextWrapping="Wrap"/>
                            </StackPanel>
                        </ContentPresenter.Content>
                    </ContentPresenter>
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

这就是我用它的地方：

<maps:Map>
    <maps:MapItemsControl ItemsSource="{Binding SearchResultsManager.Items}">
        <maps:MapItemsControl.ItemTemplate>
            <DataTemplate>
                <maps:Pushpin Location="{Binding Location}" Cursor="Hand" MouseLeftButtonUp="Pushpin_MouseLeftButtonUp">
                    <ToolTipService.ToolTip>
                        <ToolTip Style="{StaticResource MyToolTipStyle}" />
                    </ToolTipService.ToolTip>
                </maps:Pushpin>
            </DataTemplate>
        </maps:MapItemsControl.ItemTemplate>
    </maps:MapItemsControl>
</maps:Map>

然后，当用户点击图钉将其带到详细信息区域时，我会处理。

private void Pushpin_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
{
    // Get a reference to the object that was clicked.
    var clickedSearchResult = (sender as FrameworkElement).DataContext as SearchResultViewModel;

    // Do something with it.
}

但是，我想你想让ToolTip不会消失，这样用户就可以点击里面的控件了。不幸的是，我不确定有一个简单的方法可以做到这一点。您可能必须定义自己的自定义控件，当然这需要一些C＃/ VB代码。

也许这个新控件可能来自Pushpin，它可以显示鼠标悬停和/或点击的信息框内容。您可以使用VisualStateManager将大部分代码保留在XAML中。 C＃/ VB只需要为内容提供依赖属性，并在正确的时间在视觉状态之间进行一些覆盖。

我希望这至少有点帮助！

WPF Bing地图中的信息框

1 个答案: