相信大家知道 Windows phone 8 设备家族中非常耀眼的一款是 Nokia Lumia 920 但是有一点同学们未必知道知道 Nokia除了是老牌手机硬件厂商之外,Nokia的地图服务也是非常牛气的。 目前雅虎等网站已经完全采用Nokia地图库,而且windows phone 中的bing地图也在移植Nokia 地图库, windows phone 8 中已经原生集成Nokia 地图控件,那么今天我给大家介绍一下 windows phone 8 中的Nokia地图控件。
此文是 升级到WP8必需知道的13个特性 系列的一个更新 希望这个系列可以给 Windows Phone 8开发者带来一些开发上的便利。
首先介绍下使用步骤使用Nokia地图控件和在WP7中使用BingMap十分相似 这里我选择了 location 和 Map 原因是我想在地图上显示我的本地位置。
另外每一款Nokia地图应用都需要 在应用中指定你的 ApplicationID 和 AuthenticationToken这两项需要在DEV Center中获取
当然在App中是要指定一下的
private void myMapControl_Loaded(object sender, RoutedEventArgs e) { Microsoft.Phone.Maps.MapsSettings.ApplicationContext.ApplicationId = "ApplicationID"; Microsoft.Phone.Maps.MapsSettings.ApplicationContext.AuthenticationToken = "AuthenticationToken"; }
在我们的页面中添加一个地图控件
<!--ContentPanel - place additional content here--> <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"> <maps:Map x:Name="MyMap" Center="39.92, 116.46" ZoomLevel="10"/> </Grid>
public MainPage() { InitializeComponent(); Map MyMap = new Map(); ContentPanel.Children.Add(MyMap); }
以上两段代码基本是等效的,但是细心的同学肯定注意到了 XAML文件中指定两个属性值 Center 和 ZoomLeve Center是指地图所在中心点的经纬度位置,zoomlevel 是用来设置地图的缩放级别(1-20)缩放级别越高 地图的分辨率也就对应越高。
public MainPage() { InitializeComponent(); Map MyMap = new Map(); //Set the Map center by using Center property MyMap.Center = new GeoCoordinate(47.6097, -122.3331); //Set the map zoom by using ZoomLevel property MyMap.ZoomLevel = 10; ContentPanel.Children.Add(MyMap); }
除了 Center 和 ZoomLevel 还有heading 和 pitch 属性可以对地图属性进行设置
heading 是标志地图的"指向“ 介于 0 - 360 默认 0 北向上
pitch 是标志地图的倾斜度 0 - 180
void OnCenterZoom_Click(object sender, EventArgs args) { MyMap.Center = new GeoCoordinate(47.6097, -122.3331); MyMap.ZoomLevel = 18; } void OnAnimate_Click(object sender, EventArgs args) { MyMap.SetView(new GeoCoordinate(47.6097, -122.3331), 15, MapAnimationKind.Parabolic); }