本篇将介绍如何将地图以动画显示呈现，在以下的范例介绍中可以看到有动画跟没动画的差别，如果你的地图还是很单调的话，不仿加上这个设计，让使用者觉得更有趣。
?
如左下图，按 [海生馆] 钮会直接显示海生馆的地图位置。如右下图，按 [美术馆(动画)] 时，会以动画缩放方式来呈现美术馆的地图位置。
?
?
?
加入两个按钮控制项一个地图控制项
1. Button控制项，Name->btn1、Content->海生馆
2. Button控制项，Name->btn2、Content->美术馆(动画)
3. Map控制项，Name->map1
产生的XAML程式码如下
|
1
2
3
4
5 |
<!--ContentPanel - 其他内容置於此--> <grid x:name="ContentPanel"
margin="12,0,12,0"
grid.row="1"><button x:name="btn1"
content="海生馆"
margin="10,10,0,0"
verticalalignment="Top"
horizontalalignment="Left"></button><button x:name="btn2"
content="美术馆(动画)"
margin="135,10,0,0"
verticalalignment="Top"
horizontalalignment="Left"> <maps:map x:name="map1"
margin="10,99,0,0"
verticalalignment="Top"
horizontalalignment="Left"
width="436"
height="587"> </maps:map></button></grid> |
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28 |
// 建构函式public
MainPage(){ InitializeComponent(); // 将 ApplicationBar 当地语系化的程式码范例 //BuildLocalizedApplicationBar(); btn1.Click += btn1_Click; btn2.Click += btn2_Click; Loaded += MainPage_Loaded;}// 美术馆地图void
MainPage_Loaded(object
sender, RoutedEventArgs e){ map1.Center = new
System.Device.Location.GeoCoordinate(24.1409401, 120.6635119); map1.ZoomLevel = 15;}// 美术馆地图，缩放动画void
btn2_Click(object
sender, RoutedEventArgs e){ map1.SetView(new
System.Device.Location.GeoCoordinate(24.1409401, 120.6635119), 16, Microsoft.Phone.Maps.Controls.MapAnimationKind.Parabolic);}// 海生馆地图，无动画void
btn1_Click(object
sender, RoutedEventArgs e){ map1.Center = new
System.Device.Location.GeoCoordinate(22.0316752, 120.6888715); map1.ZoomLevel = 12;} |
?
只有几行简单程式，却让你的地图变得生动了，各位开发者别忘了在地图上加上这动画功能唷，有时候简单的地图动画与单调的地图相比之下，会让使用这是不是想长时间用这App唷!最近都在研究地图相关应用，有地图相关的技术就会发上来跟大家分享^0^。
?
DotBlogs Tags: 地图
[Windows phone] 垂直和水平显示切换属性(Orientation)
[Windows Phone App] 旅游的App 悠游 ∞ 台中 上架了!
[windows phone] 教你如何使地图动画缩放,布布扣,bubuko.com
原文：http://www.cnblogs.com/lonelyxmas/p/3588586.html
? ? ? ? ?
? ??