详解WPF如何使用必应地图控件

如何使用必应地图 WPF 控件

框架使用.NET40；
Visual Studio 2019;
Bing Maps WPF 控件需要 .NET Framework 4.0和 Windows SDK。这两个组件都随Microsoft Visual Studio VisualC#或Visual Basic Express Edition一起安装。
下面演示如何使用。
引用 Microsoft.Maps.MapControl.WPF.dll 也可以在nuget上找到。
添加命名空间。
新建AMapTitleLayer.cs继承图层MapTileLayer实现加载高德地图瓦片.

1）新建 AMapTitleLayer.cs 代码如下：

 
using Microsoft.Maps.MapControl.WPF;
using System;
 
namespace WPFDevelopers.Samples.ExampleViews
{
    public class AMapTitleLayer : MapTileLayer
    {
        public AMapTitleLayer()
        {
            TileSource = new AMapTileSource();
        }
 
        public string UriFormat
        {
            get { return TileSource.UriFormat; }
            set { TileSource.UriFormat = value; }
        }
    }
    public class AMapTileSource : TileSource
    {
        public override Uri GetUri(int x, int y, int zoomLevel)
        {
            string url = string.Format("http://wprd.is.autonavi.com/appmaptile?x={0}&y={1}&z={2}&lang=zh_cn&size=1&scl=1&style=7", x, y, zoomLevel);
            return new Uri(url, UriKind.Absolute);
        }
    }
}

2）新建PushpinModel.cs 代码如下：

 
using Microsoft.Maps.MapControl.WPF;
 
namespace WPFDevelopers.Samples.ExampleViews
{
    public class PushpinModel
    {
        public Location Location { get; set; }
        public int ID { get; set; }
        public string Title { get; set; }
    }
}

3）新建 BingAMapExample.xaml 代码如下：

 
<UserControl x:Class="WPFDevelopers.Samples.ExampleViews.BingAMapExample"
             xmlns="http://schemas.microsoft.com/winfx//xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx//xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/" 
             xmlns:local="clr-namespace:WPFDevelopers.Samples.ExampleViews"
             xmlns:map="clr-namespace:Microsoft.Maps.MapControl.WPF;assembly=Microsoft.Maps.MapControl.WPF"
             xmlns:mapOverlays="clr-namespace:Microsoft.Maps.MapControl.WPF.Overlays;assembly=Microsoft.Maps.MapControl.WPF"
             mc:Ignorable="d" 
             d:DesignHeight="" d:DesignWidth="800">
    <UserControl.Resources>
        <LinearGradientBrush x:Key="MainColor" EndPoint=".5,1" StartPoint="0.5,0">
            <GradientStop Color="#FF" Offset="0"/>
            <GradientStop Color="#FFBD8" Offset="1"/>
            <GradientStop Color="#FFA6BD8" Offset="0.499"/>
        </LinearGradientBrush>
        <ControlTemplate x:Key="CarTemplate" TargetType="map:Pushpin">
            <Grid ToolTip="物资车辆">
                <Ellipse Width="" Height="35" Fill="White" StrokeThickness="3" Stroke="Red"/>
                <Image Source="pack://application:,,,/WPFDevelopers.Samples;component/Images/AMap/Car.png" Width="25" Height="25"/>
            </Grid>
 
        </ControlTemplate>
 
        <SineEase x:Key="SineOut" EasingMode="EaseOut" />
 
        <Storyboard x:Key="AnimateRound" RepeatBehavior="Forever">
            <DoubleAnimation Storyboard.TargetProperty="ScaleX" Storyboard.TargetName="Scale"
                             Duration=":0:01" To="2" 
                             EasingFunction="{StaticResource SineEaseOut}" />
            <DoubleAnimation Storyboard.TargetProperty="ScaleY" Storyboard.TargetName="Scale"
                             Duration=":0:01" To="2" 
                             EasingFunction="{StaticResource SineEaseOut}" />
            <DoubleAnimation Storyboard.TargetProperty="Opacity"  
                             Duration=":0:01" To="0" 
                             EasingFunction="{StaticResource SineEaseOut}" />
        </Storyboard>
        <Style x:Key="alarmStyle" TargetType="map:Pushpin">
            <Setter Property="PositionOrigin" Value="Center"/>
            <Setter Property="Width" Value=""/>
            <Setter Property="Height" Value=""/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="map:Pushpin">
                        <Grid>
                            <Ellipse Height="" Width="40" Fill="Red" RenderTransformOrigin="0.5,0.5">
                                <Ellipse.OpacityMask>
                                    <RadialGradientBrush>
                                        <GradientStop Offset="" Color="Transparent" />
                                        <GradientStop Offset="" Color="Black" />
                                    </RadialGradientBrush>
                                </Ellipse.OpacityMask>
                                <Ellipse.RenderTransform>
                                    <ScaleTransform x:Name="Scale"/>
                                </Ellipse.RenderTransform>
                                <Ellipse.Triggers>
                                    <EventTrigger RoutedEvent="Loaded">
                                        <BeginStoryboard Storyboard="{StaticResource AnimateRound}">
                                        </BeginStoryboard>
                                    </EventTrigger>
                                </Ellipse.Triggers>
                            </Ellipse>
                            <Viewbox Width="" Height="30" 
                                     VerticalAlignment="Top" 
                                     HorizontalAlignment="Center"
                                     Margin=",0,0,0">
                                <Path Data="{StaticResource PathFlag}" Fill="Orange"/>
                            </Viewbox>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </UserControl.Resources>
    <Grid>
        <map:Map x:Name="map" ZoomLevel="" Center="39.9132801985722,116.392009995601"
                  CredentialsProvider="AgXBm7fVYxKpjEZV9rGdrRPvLgawYhi4Wvw99kk4RDspoalC3B_vQ8GKJAoxrve">
            <map:Map.Mode>
                <map:MercatorMode/>
            </map:Map.Mode>
            <local:AMapTitleLayer/>
            <map:MapItemsControl ItemsSource="{Binding PushpinArray,RelativeSource={RelativeSource AncestorType=local:BingAMapExample}}">
                <map:MapItemsControl.ItemTemplate>
                    <DataTemplate>
                        <map:Pushpin Location="{Binding Location}" Cursor="Hand" 
                                     MouseDown="Pushpin_MouseDown"
                                     ToolTip="{Binding Title}"
                                         Background="Red">
                            <TextBlock Text="{Binding ID}"/>
                        </map:Pushpin>
                    </DataTemplate>
                </map:MapItemsControl.ItemTemplate>
            </map:MapItemsControl>
            <map:Pushpin Location=".6797276003243,118.495410536117" Style="{StaticResource alarmStyle}"/>
            <Canvas Width="" Height="80" 
              map:MapLayer.Position=".9121578992881,107.233555852083" 
              map:MapLayer.PositionOrigin="BottomCenter" Opacity=".7">
                <Path Data="M ,0 L 50,0 50,50 25,80 0,50 0,0" Fill="ForestGreen" Stroke="Wheat" StrokeThickness="2" />
                <TextBlock FontSize="" Foreground="White" Padding="10" TextAlignment="Center">
                        这里是 <LineBreak />
                        四川 <LineBreak />
                        通江县 <LineBreak />
                </TextBlock>
            </Canvas>
            <map:MapLayer x:Name="CarLayer"/>
        </map:Map>
 
        <DockPanel>
            <Grid DockPanel.Dock="Top">
                <Path Data="M.811064,0 L275.81107,0 275.81107,39.999999 267.12714,39.999999 267.12798,40.000499 67.127973,40.000499 0,0.00050140842 75.811064,0.00050140842 z"
              Width="" Height="30" Stretch="Fill" Opacity=".8" Stroke="#FFCCFEFF" StrokeThickness="1.5" Fill="{StaticResource MainColor}">
                    <Path.RenderTransform>
                        <SkewTransform AngleX="-"/>
                    </Path.RenderTransform>
                </Path>
                <TextBlock Text="预警指挥平台" Foreground="White" 
                           VerticalAlignment="Center" HorizontalAlignment="Center"
                           FontSize="" FontWeight="Black"/>
            </Grid>
            <Grid DockPanel.Dock="Left" Width=""
                  HorizontalAlignment="Left" >
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition/>
                    <RowDefinition Height="Auto"/>
                </Grid.RowDefinitions>
                <Rectangle Grid.RowSpan="" Fill="#FF364BD8" Opacity=".8" Stroke="#FFCCFEFF" StrokeThickness="1.5"/>
                <TextBlock Text="数据信息" FontSize="" Foreground="White" Margin="10,10,0,0"/>
                <ItemsControl ItemsSource="{Binding PushpinArray,RelativeSource={RelativeSource AncestorType=local:BingAMapExample}}"
                              Margin=",10" Grid.Row="1">
                    <ItemsControl.ItemTemplate>
                        <DataTemplate>
                            <Grid Margin="" x:Name="PART_Grid"
                                  MouseLeftButtonDown="PART_Grid_MouseLeftButtonDown"
                                  Tag="{Binding ID}">
                                <Grid.Resources>
                                    <Style TargetType="TextBlock">
                                        <Setter Property="Foreground" Value="White"/>
                                        <Setter Property="FontSize" Value=""/>
                                    </Style>
                                </Grid.Resources>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="Auto"/>
                                    <ColumnDefinition/>
                                </Grid.ColumnDefinitions>
                                <Ellipse Width="" Height="20" Fill="OrangeRed"/>
                                <TextBlock Text="{Binding ID}" HorizontalAlignment="Center"/>
                                <TextBlock Margin=",0" Grid.Column="1" Text="{Binding Title}"/>
                            </Grid>
                            <DataTemplate.Triggers>
                                <Trigger Property="IsMouseOver" Value="True">
                                    <Setter Property="Background" TargetName="PART_Grid" Value="#FF"/>
                                </Trigger>
                            </DataTemplate.Triggers>
                        </DataTemplate>
                    </ItemsControl.ItemTemplate>
                </ItemsControl>
                <Button Content="物资轨迹" Click="BtnCar_Click" Grid.Row="" Height="40" Style="{StaticResource PrimaryButton}"/>
            </Grid>
        </DockPanel>
    </Grid>
</UserControl>

4）新建 BingAMapExample.xaml.cs 逻辑代码如下：

点击左侧列表的point点地图定位到并放大层级到16级。

 
using Microsoft.Maps.MapControl.WPF;
using System;
using System.Collections;
using System.Collections.Generic;
using System.Linq;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Threading;
 
namespace WPFDevelopers.Samples.ExampleViews
{
    /// <summary>
    /// BingAMapExample.xaml 的交互逻辑
    /// </summary>
    public partial class BingAMapExample : UserControl
    {
        private LocationCollection _polyLocations;
        private MapPolyline mapPolyline;
        private Pushpin carPushpin;
        private DispatcherTimer dispatcherTimer;
        private List<Location> locations;
 
        public IEnumerable PushpinArray
        {
            get { return (IEnumerable)GetValue(PushpinArrayProperty); }
            set { SetValue(PushpinArrayProperty, value); }
        }
 
        public static readonly DependencyProperty PushpinArrayProperty =
            DependencyProperty.Register("PushpinArray", typeof(IEnumerable), typeof(BingAMapExample), new PropertyMetadata(null));
 
        public BingAMapExample()
        {
            InitializeComponent();
            var pushpins = new List<PushpinModel>();
            pushpins.Add(new PushpinModel { ID = , Location = new Location(39.8151940395589, 116.411970893135), Title = "和义东里社区" });
            pushpins.Add(new PushpinModel { ID = , Location = new Location(39.9094878843105, 116.33299936282), Title = "中国水科院南小区" });
            pushpins.Add(new PushpinModel { ID = , Location = new Location(39.9219204792284, 116.203500574855), Title = "石景山山姆会员超市" });
            pushpins.Add(new PushpinModel { ID = , Location = new Location(39.9081417418219, 116.331244439925), Title = "茂林居小区" });
            PushpinArray = pushpins;
 
            _polyLocations = new LocationCollection();
          
            _polyLocations.Add(new Location(.9082973053021, 116.63105019548));
            _polyLocations.Add(new Location(.9121578992881, 107.233555852083));
 
            mapPolyline = new MapPolyline
            {
                Stroke = Brushes.Green,
                StrokeThickness = ,
                Locations = _polyLocations,
            };
            CarLayer.Children.Add(mapPolyline);
 
            carPushpin = new Pushpin
            {
                Template = this.Resources["CarTemplate"] as ControlTemplate,
                Location = new Location(.9121578992881, 107.233555852083),
                PositionOrigin = PositionOrigin.Center,
            };
 
            CarLayer.Children.Add(carPushpin);
 
            dispatcherTimer = new DispatcherTimer();
            dispatcherTimer.Interval = TimeSpan.FromSeconds(.5);
            dispatcherTimer.Tick += DispatcherTimer_Tick;
        }
        int index = ;
        private void DispatcherTimer_Tick(object sender, EventArgs e)
        {
            if (index < )
            {
                index = locations.Count - ;
                dispatcherTimer.Stop();
                return;
            }
            carPushpin.Location = locations[index];
            index--;
        }
 
        private void BtnCar_Click(object sender, RoutedEventArgs e)
        {
            locations = new List<Location>();
            locations.Add(new Location(.9082973053021, 116.63105019548));
            locations.Add(new Location(.0654365763652, 115.513103745601));
            locations.Add(new Location(.5861378332358, 114.897869370601));
            locations.Add(new Location(.0690298850334, 114.238689683101));
            locations.Add(new Location(.4436424646135, 113.491619370601));
            locations.Add(new Location(.8833163124675, 112.832439683101));
            locations.Add(new Location(.6015984304246, 112.480877183101));
            locations.Add(new Location(.2125510101126, 112.041424058101));
            locations.Add(new Location(.6074752751952, 111.426189683101));
            locations.Add(new Location(.9977887035825, 110.591228745601));
            locations.Add(new Location(.456028305434, 109.932049058101));
            locations.Add(new Location(.9836399832877, 109.580486558101));
            locations.Add(new Location(.5086116028286, 108.965252183101));
            locations.Add(new Location(.1046158275268, 108.525799058101));
            locations.Add(new Location(.6617655474571, 108.042400620601));
            locations.Add(new Location(.179523137361, 107.515056870601));
            locations.Add(new Location(.9121578992881, 107.233555852083));
            index = locations.Count - ;
            dispatcherTimer.Start();
 
        }
        private void Map_MouseDown(object sender, MouseButtonEventArgs e)
        {
            Point mousePosition = e.GetPosition(this);
            Location pinLocation = this.map.ViewportPointToLocation(mousePosition);
 
        }
 
        private void Pushpin_MouseDown(object sender, MouseButtonEventArgs e)
        {
            var model = sender as Pushpin;
            map.Center = model.Location;
            map.ZoomLevel = ;
        }
 
        private void PART_Grid_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            var grid = sender as Grid;
            var model = PushpinArray.OfType<PushpinModel>().FirstOrDefault(x => x.ID.Equals(grid.Tag));
            map.Center = model.Location;
            map.ZoomLevel = ;
        }
    }
}

效果

	using Microsoft.Maps.MapControl.WPF;
	using System;

	namespace WPFDevelopers.Samples.ExampleViews
	{
	public class AMapTitleLayer : MapTileLayer
	{
	public AMapTitleLayer()
	{
	TileSource = new AMapTileSource();
	}

	public string UriFormat
	{
	get { return TileSource.UriFormat; }
	set { TileSource.UriFormat = value; }
	}
	}
	public class AMapTileSource : TileSource
	{
	public override Uri GetUri(int x, int y, int zoomLevel)
	{
	string url = string.Format("http://wprd.is.autonavi.com/appmaptile?x={0}&y={1}&z={2}&lang=zh_cn&size=1&scl=1&style=7", x, y, zoomLevel);
	return new Uri(url, UriKind.Absolute);
	}
	}
	}

	using Microsoft.Maps.MapControl.WPF;

	namespace WPFDevelopers.Samples.ExampleViews
	{
	public class PushpinModel
	{
	public Location Location { get; set; }
	public int ID { get; set; }
	public string Title { get; set; }
	}
	}

	<UserControl x:Class="WPFDevelopers.Samples.ExampleViews.BingAMapExample"
	xmlns="http://schemas.microsoft.com/winfx//xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx//xaml"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/"
	xmlns:d="http://schemas.microsoft.com/expression/blend/"
	xmlns:local="clr-namespace:WPFDevelopers.Samples.ExampleViews"
	xmlns:map="clr-namespace:Microsoft.Maps.MapControl.WPF;assembly=Microsoft.Maps.MapControl.WPF"
	xmlns:mapOverlays="clr-namespace:Microsoft.Maps.MapControl.WPF.Overlays;assembly=Microsoft.Maps.MapControl.WPF"
	mc:Ignorable="d"
	d:DesignHeight="" d:DesignWidth="800">
	<UserControl.Resources>
	<LinearGradientBrush x:Key="MainColor" EndPoint=".5,1" StartPoint="0.5,0">
	<GradientStop Color="#FF" Offset="0"/>
	<GradientStop Color="#FFBD8" Offset="1"/>
	<GradientStop Color="#FFA6BD8" Offset="0.499"/>
	</LinearGradientBrush>
	<ControlTemplate x:Key="CarTemplate" TargetType="map:Pushpin">
	<Grid ToolTip="物资车辆">
	<Ellipse Width="" Height="35" Fill="White" StrokeThickness="3" Stroke="Red"/>
	<Image Source="pack://application:,,,/WPFDevelopers.Samples;component/Images/AMap/Car.png" Width="25" Height="25"/>
	</Grid>

	</ControlTemplate>

	<SineEase x:Key="SineOut" EasingMode="EaseOut" />

	<Storyboard x:Key="AnimateRound" RepeatBehavior="Forever">
	<DoubleAnimation Storyboard.TargetProperty="ScaleX" Storyboard.TargetName="Scale"
	Duration=":0:01" To="2"
	EasingFunction="{StaticResource SineEaseOut}" />
	<DoubleAnimation Storyboard.TargetProperty="ScaleY" Storyboard.TargetName="Scale"
	Duration=":0:01" To="2"
	EasingFunction="{StaticResource SineEaseOut}" />
	<DoubleAnimation Storyboard.TargetProperty="Opacity"
	Duration=":0:01" To="0"
	EasingFunction="{StaticResource SineEaseOut}" />
	</Storyboard>
	<Style x:Key="alarmStyle" TargetType="map:Pushpin">
	<Setter Property="PositionOrigin" Value="Center"/>
	<Setter Property="Width" Value=""/>
	<Setter Property="Height" Value=""/>
	<Setter Property="Template">
	<Setter.Value>
	<ControlTemplate TargetType="map:Pushpin">
	<Grid>
	<Ellipse Height="" Width="40" Fill="Red" RenderTransformOrigin="0.5,0.5">
	<Ellipse.OpacityMask>
	<RadialGradientBrush>
	<GradientStop Offset="" Color="Transparent" />
	<GradientStop Offset="" Color="Black" />
	</RadialGradientBrush>
	</Ellipse.OpacityMask>
	<Ellipse.RenderTransform>
	<ScaleTransform x:Name="Scale"/>
	</Ellipse.RenderTransform>
	<Ellipse.Triggers>
	<EventTrigger RoutedEvent="Loaded">
	<BeginStoryboard Storyboard="{StaticResource AnimateRound}">
	</BeginStoryboard>
	</EventTrigger>
	</Ellipse.Triggers>
	</Ellipse>
	<Viewbox Width="" Height="30"
	VerticalAlignment="Top"
	HorizontalAlignment="Center"
	Margin=",0,0,0">
	<Path Data="{StaticResource PathFlag}" Fill="Orange"/>
	</Viewbox>
	</Grid>
	</ControlTemplate>
	</Setter.Value>
	</Setter>
	</Style>
	</UserControl.Resources>
	<Grid>
	<map:Map x:Name="map" ZoomLevel="" Center="39.9132801985722,116.392009995601"
	CredentialsProvider="AgXBm7fVYxKpjEZV9rGdrRPvLgawYhi4Wvw99kk4RDspoalC3B_vQ8GKJAoxrve">
	<map:Map.Mode>
	<map:MercatorMode/>
	</map:Map.Mode>
	<local:AMapTitleLayer/>
	<map:MapItemsControl ItemsSource="{Binding PushpinArray,RelativeSource={RelativeSource AncestorType=local:BingAMapExample}}">
	<map:MapItemsControl.ItemTemplate>
	<DataTemplate>
	<map:Pushpin Location="{Binding Location}" Cursor="Hand"
	MouseDown="Pushpin_MouseDown"
	ToolTip="{Binding Title}"
	Background="Red">
	<TextBlock Text="{Binding ID}"/>
	</map:Pushpin>
	</DataTemplate>
	</map:MapItemsControl.ItemTemplate>
	</map:MapItemsControl>
	<map:Pushpin Location=".6797276003243,118.495410536117" Style="{StaticResource alarmStyle}"/>
	<Canvas Width="" Height="80"
	map:MapLayer.Position=".9121578992881,107.233555852083"
	map:MapLayer.PositionOrigin="BottomCenter" Opacity=".7">
	<Path Data="M ,0 L 50,0 50,50 25,80 0,50 0,0" Fill="ForestGreen" Stroke="Wheat" StrokeThickness="2" />
	<TextBlock FontSize="" Foreground="White" Padding="10" TextAlignment="Center">
	这里是 <LineBreak />
	四川 <LineBreak />
	通江县 <LineBreak />
	</TextBlock>
	</Canvas>
	<map:MapLayer x:Name="CarLayer"/>
	</map:Map>

	<DockPanel>
	<Grid DockPanel.Dock="Top">
	<Path Data="M.811064,0 L275.81107,0 275.81107,39.999999 267.12714,39.999999 267.12798,40.000499 67.127973,40.000499 0,0.00050140842 75.811064,0.00050140842 z"
	Width="" Height="30" Stretch="Fill" Opacity=".8" Stroke="#FFCCFEFF" StrokeThickness="1.5" Fill="{StaticResource MainColor}">
	<Path.RenderTransform>
	<SkewTransform AngleX="-"/>
	</Path.RenderTransform>
	</Path>
	<TextBlock Text="预警指挥平台" Foreground="White"
	VerticalAlignment="Center" HorizontalAlignment="Center"
	FontSize="" FontWeight="Black"/>
	</Grid>
	<Grid DockPanel.Dock="Left" Width=""
	HorizontalAlignment="Left" >
	<Grid.RowDefinitions>
	<RowDefinition Height="Auto"/>
	<RowDefinition/>
	<RowDefinition Height="Auto"/>
	</Grid.RowDefinitions>
	<Rectangle Grid.RowSpan="" Fill="#FF364BD8" Opacity=".8" Stroke="#FFCCFEFF" StrokeThickness="1.5"/>
	<TextBlock Text="数据信息" FontSize="" Foreground="White" Margin="10,10,0,0"/>
	<ItemsControl ItemsSource="{Binding PushpinArray,RelativeSource={RelativeSource AncestorType=local:BingAMapExample}}"
	Margin=",10" Grid.Row="1">
	<ItemsControl.ItemTemplate>
	<DataTemplate>
	<Grid Margin="" x:Name="PART_Grid"
	MouseLeftButtonDown="PART_Grid_MouseLeftButtonDown"
	Tag="{Binding ID}">
	<Grid.Resources>
	<Style TargetType="TextBlock">
	<Setter Property="Foreground" Value="White"/>
	<Setter Property="FontSize" Value=""/>
	</Style>
	</Grid.Resources>
	<Grid.ColumnDefinitions>
	<ColumnDefinition Width="Auto"/>
	<ColumnDefinition/>
	</Grid.ColumnDefinitions>
	<Ellipse Width="" Height="20" Fill="OrangeRed"/>
	<TextBlock Text="{Binding ID}" HorizontalAlignment="Center"/>
	<TextBlock Margin=",0" Grid.Column="1" Text="{Binding Title}"/>
	</Grid>
	<DataTemplate.Triggers>
	<Trigger Property="IsMouseOver" Value="True">
	<Setter Property="Background" TargetName="PART_Grid" Value="#FF"/>
	</Trigger>
	</DataTemplate.Triggers>
	</DataTemplate>
	</ItemsControl.ItemTemplate>
	</ItemsControl>
	<Button Content="物资轨迹" Click="BtnCar_Click" Grid.Row="" Height="40" Style="{StaticResource PrimaryButton}"/>
	</Grid>
	</DockPanel>
	</Grid>
	</UserControl>

	using Microsoft.Maps.MapControl.WPF;
	using System;
	using System.Collections;
	using System.Collections.Generic;
	using System.Linq;
	using System.Windows;
	using System.Windows.Controls;
	using System.Windows.Input;
	using System.Windows.Media;
	using System.Windows.Threading;

	namespace WPFDevelopers.Samples.ExampleViews
	{
	/// <summary>
	/// BingAMapExample.xaml 的交互逻辑
	/// </summary>
	public partial class BingAMapExample : UserControl
	{
	private LocationCollection _polyLocations;
	private MapPolyline mapPolyline;
	private Pushpin carPushpin;
	private DispatcherTimer dispatcherTimer;
	private List<Location> locations;

	public IEnumerable PushpinArray
	{
	get { return (IEnumerable)GetValue(PushpinArrayProperty); }
	set { SetValue(PushpinArrayProperty, value); }
	}

	public static readonly DependencyProperty PushpinArrayProperty =
	DependencyProperty.Register("PushpinArray", typeof(IEnumerable), typeof(BingAMapExample), new PropertyMetadata(null));

	public BingAMapExample()
	{
	InitializeComponent();
	var pushpins = new List<PushpinModel>();
	pushpins.Add(new PushpinModel { ID = , Location = new Location(39.8151940395589, 116.411970893135), Title = "和义东里社区" });
	pushpins.Add(new PushpinModel { ID = , Location = new Location(39.9094878843105, 116.33299936282), Title = "中国水科院南小区" });
	pushpins.Add(new PushpinModel { ID = , Location = new Location(39.9219204792284, 116.203500574855), Title = "石景山山姆会员超市" });
	pushpins.Add(new PushpinModel { ID = , Location = new Location(39.9081417418219, 116.331244439925), Title = "茂林居小区" });
	PushpinArray = pushpins;

	_polyLocations = new LocationCollection();

	_polyLocations.Add(new Location(.9082973053021, 116.63105019548));
	_polyLocations.Add(new Location(.9121578992881, 107.233555852083));

	mapPolyline = new MapPolyline
	{
	Stroke = Brushes.Green,
	StrokeThickness = ,
	Locations = _polyLocations,
	};
	CarLayer.Children.Add(mapPolyline);

	carPushpin = new Pushpin
	{
	Template = this.Resources["CarTemplate"] as ControlTemplate,
	Location = new Location(.9121578992881, 107.233555852083),
	PositionOrigin = PositionOrigin.Center,
	};

	CarLayer.Children.Add(carPushpin);

	dispatcherTimer = new DispatcherTimer();
	dispatcherTimer.Interval = TimeSpan.FromSeconds(.5);
	dispatcherTimer.Tick += DispatcherTimer_Tick;
	}
	int index = ;
	private void DispatcherTimer_Tick(object sender, EventArgs e)
	{
	if (index < )
	{
	index = locations.Count - ;
	dispatcherTimer.Stop();
	return;
	}
	carPushpin.Location = locations[index];
	index--;
	}

	private void BtnCar_Click(object sender, RoutedEventArgs e)
	{
	locations = new List<Location>();
	locations.Add(new Location(.9082973053021, 116.63105019548));
	locations.Add(new Location(.0654365763652, 115.513103745601));
	locations.Add(new Location(.5861378332358, 114.897869370601));
	locations.Add(new Location(.0690298850334, 114.238689683101));
	locations.Add(new Location(.4436424646135, 113.491619370601));
	locations.Add(new Location(.8833163124675, 112.832439683101));
	locations.Add(new Location(.6015984304246, 112.480877183101));
	locations.Add(new Location(.2125510101126, 112.041424058101));
	locations.Add(new Location(.6074752751952, 111.426189683101));
	locations.Add(new Location(.9977887035825, 110.591228745601));
	locations.Add(new Location(.456028305434, 109.932049058101));
	locations.Add(new Location(.9836399832877, 109.580486558101));
	locations.Add(new Location(.5086116028286, 108.965252183101));
	locations.Add(new Location(.1046158275268, 108.525799058101));
	locations.Add(new Location(.6617655474571, 108.042400620601));
	locations.Add(new Location(.179523137361, 107.515056870601));
	locations.Add(new Location(.9121578992881, 107.233555852083));
	index = locations.Count - ;
	dispatcherTimer.Start();

	}
	private void Map_MouseDown(object sender, MouseButtonEventArgs e)
	{
	Point mousePosition = e.GetPosition(this);
	Location pinLocation = this.map.ViewportPointToLocation(mousePosition);

	}

	private void Pushpin_MouseDown(object sender, MouseButtonEventArgs e)
	{
	var model = sender as Pushpin;
	map.Center = model.Location;
	map.ZoomLevel = ;
	}

	private void PART_Grid_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
	{
	var grid = sender as Grid;
	var model = PushpinArray.OfType<PushpinModel>().FirstOrDefault(x => x.ID.Equals(grid.Tag));
	map.Center = model.Location;
	map.ZoomLevel = ;
	}
	}
	}