Windows Phone 7 中BingMap控件的使用

      在使用BingMap时需要验证密钥(Access Key),因此我们先上BingMap官网注册，注册完全免费。如果没有验证密钥将无法从Web上获取BingMap服务。

注册密钥的BingMap官网网址：

https://www.bingmapsportal.com

如果用户没有Windows Live ID,则需要先注册一个Live ID账号（点击Create）.如果已有Live ID账号，则直接登录(Sign In).

登录之后，点击Create or View Keys

之后进入注册Key的界面。填上相应信息之后点击确定，就可以获得Key值了。保存这个Key,之后会用到，只有拥有这个Key,我们才可以使用BingMap的各项功能。

在注册完成之后，下面具体介绍如何使用BingMap控件。

一．用Map控件显示地图

新建一个项目，然后添加一个Map控件。这时会自动添加对Microsoft.Phone.Controls.Maps命名空间的引用。

添加之后，会再MainPage.xaml文件中自动生成如下代码：

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">  <!—以下是添加Map控件自动生成的代码-->  <my:Map Height="519" HorizontalAlignment="Left" Margin="0,6,0,0" Name="bingmap" VerticalAlignment="Top" Width="450"  <!—CredentialsProvider即为我们注册获得的Key,Map控件不会自动生成这一句代码，需要我们自己添加，并填写我们申请到的Key-->  CredentialsProvider ="AlMCuqBim0L8779R2CiBbEqhCc3cQpcRwDd82K2oJ2Ca6sF1k3jS_c1lx3WGzyjA">       </my:Map>    </Grid>

完成以上的工作之后，运行程序，我们便可以看见地图了。下面是运行视图：

二．添加地图的缩放功能

首先我们添加一个ApplicationBar,并添加两个Button代码如下：

<phone:PhoneApplicationPage.ApplicationBar>          <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">              <shell:ApplicationBarIconButton IconUri="Images/zoom-in.png" Text="ZoomIn" Click="ZoomInButton_Click"/>              <shell:ApplicationBarIconButton IconUri="Images/zoom-out.png" Text="ZoomOut" Click="ZoomOutButton_Click"/>          </shell:ApplicationBar>      </phone:PhoneApplicationPage.ApplicationBar>

之后在Button的Click事件的响应函数中添加如下代码：

//BingMap的ZoomLevel即表示的地图的视图精度，是一个Double类型的数值         private void ZoomInButton_Click(object sender, EventArgs e)          {              ++bingmap.ZoomLevel;          }          private void ZoomOutButton_Click(object sender, EventArgs e)          {              --bingmap.ZoomLevel;          }

完成以上步骤之后我们便实现了地图的缩放，运行视图如下：

三．添加地图和卫星视图功能

我们添加在ApplicationBar中添加两个MenuItem.代码如下所示：

<shell:ApplicationBar.MenuItems>                  <shell:ApplicationBarMenuItem Text="卫星视图" Click="AerialMenuItem_Click"/>                  <shell:ApplicationBarMenuItem Text="地图视图" Click="RoadMenuItem_Click"/>              </shell:ApplicationBar.MenuItems>

接着我们编写他们的Click事件，代码如下：

 private void RoadMenuItem_Click(object sender, EventArgs e)          {              bingmap.Mode = new RoadMode();          }            private void AerialMenuItem_Click(object sender, EventArgs e)          {              //AerialMode有两个函数重载，当设置为true时，则表示显示一些地图信息，//例如公路，名称等。              //当设置为False时，只显示地貌信息，而没有其他的多余显示              bingmap.Mode = new AerialMode(true);          }

这是运行效果视图：

四．添加地图定位居中的功能

     通过设置经纬度坐标和地图分辨率，可以实现上面的功能，首先我们添加一个MenuItem,名为定位居中，并添加Click事件

接着我们去MainPage.XAML编写它的事件响应函数，代码如下：

 private void CenterMenuItem_Click(object sender, EventArgs e)          {              //两种方式              //bingmap.Center = new System.Device.Location.GeoCoordinate(42.1, -122.8);              //bingmap.ZoomLevel = 15;  //SetView有两个参数,一个是定位坐标的经纬度  //另一个则是地图显示的分辨率大小              bingmap.SetView(new GeoCoordinate(42.1, -122.8), 1000);          }

在这里，以上的定位的坐标点在这里是我们自己设定的，在真实的应用中，一般通过Location Service来获得用户或其他的地理位置坐标，然后代入SetView中，实现可换的位置定位功能。

五．添加地图图钉标示功能

我们在ApplicationBar中添加一个Button，代码如下：

<shell:ApplicationBarIconButton IconUri="Images/pushbing.png" Text="PushBing" Click="PushBingButton_Click"/>

接着我们填写Click事件响应函数，代码如下：

private void PushBingButton_Click(object sender, EventArgs e)          {  //新建一个图层，我们用这个图层来添加我们要用的标示图钉              MapLayer maplayer = new MapLayer();             //图层建好以后，我们需要把它添加到我们的地图中去              bingmap.Children.Add(maplayer);             //准备工作完了以后我们就要开始新建我们的图钉了              Pushpin pushbing = new Pushpin()              {  //这是图钉标示所在的地理位置                  Location = new GeoCoordinate(41.8000, 123.38333),                  //图钉显示的内容                  Content="沈阳"              };              //最后将这个图钉添加到图层中，这样便可以标示出某一个地理位置了              maplayer.Children.Add(pushbing);          }

以上我们添加了一个图钉，我们还可以添加其他的元素例如一张图片(这里需要指定图片的路径),或则多个图钉，在元素创建好之后，只需要添加到图层中即可。

下面是运行的效果图：

最后推荐一个BingMap的官网网址，其中有很多资源和示例，非常值得一看

 

http://www.microsoft.com/maps/isdk/silverlight/

以上内容参考了Jake Lin 的视频，在此推荐大家看看一看，相信会很有帮助。

(版权所有，转载请标明出处)