Silverlight 4 中的 Bing Maps 控件使用：第一讲

 

网站中地图控件的使用可以极大提升用户体验，你肯定不希望用户切换出去，使用别人的电子地图来定位你的店铺和公司，所以在我们的商务应用网站中加入地图控件是必要的。我们今天就在Silverlight 中使用Bing Maps 控件来完成这个任务。

 

当前流行的搜索引擎都会提供公用的地图搜索接口API，只有Bing Maps 可以与Silvetlgiht紧密结合，你会发现在所有的Silverlight上应用Bing Maps 是如此简单易行。当然也得益于 Deep Zoom (缩放控件，另撰文介绍)，才使Bing Maps 在Silverlight中表现的非常流畅 COOL！

 

Ok, 动手之前我们还需要做什么呢？ 当然Download Bing Maps 控件了，这里使用的是 2009 年11月发布的首版。下载地址是：

http://www.microsoft.com/downloads/details.aspx?displaylang=en&familyid=beb29d27-6f0c-494f-b028-1e0e3187e830

 

 

 

下载完毕点击安装：

 

 

勾选上面的CheckBox将自动打开帮助文件。

 

好了，是时候打开 Visual Studio 2010 了。

 

1，首先创建一个 Silverlight Application, 然后右键点击 Solution Explorer 中 项目下的 References，点击 Add References...,在随后出现的对话框中选择 Browser Tab，我们要引用的控件DLL 的位置在 \Program Files\Bing Maps Silverlight Control\V1\Libraries  

选择 Microsoft.Maps.MapControl.dll 和Microsoft.Maps.MapControl.Common.dll ，点击OK. 这样我们就将控件引入到项目中。

 

 

2，接下来在MainPage.xaml中添加对命名空间的引用。

  xmlns:map="clr-namespace:Microsoft.Maps.MapControl;assembly=Microsoft.Maps.MapControl"

以及 添加一个Map控件

<Grid x:Name="LayoutRoot" Background="White">
<map:Map />
</Grid>

 

3，现在我们就可以Run一下Application看一下效果了：

 

与上图不同的是你会看到一个invalid Credential 无效认证的标签，下面我们就来获取一个免费的开发者认证。

 

4，访问 http://www.microsoft.com/maps/developers/ 点击第二步中的 Bing Maps Account Center 

5，下一步你需要用你的 Msn 账号登录 Sign In ，如果没有的话就顺便申请一个吧。登录成功后，可以看到如下页面

 

 点击右侧的 Create or View Keys, Application Name 和 Application URL随便填就行了，Application Type 选择 Developer ,然后点击 Create Key 即可。

这时候你就可以看到系统为你生成的唯一的Key了，在图中我把它涂抹掉了。

 

6， Ok，现在是把生成的Key加入到我们项目中来的时候了。

在Map控件后添加 <map:Map CredentialsProvider="[Bing Maps Account Key]"> ，你将生成的Key替换中括号中的内容即可，比如说你的Key是1122334，那么我们加的样子应该是<map:Map CredentialsProvider="1122334">

好现在，再一次按下F5，好好体验一下吧。

你可以通过滚轮来缩放，以及通过上边的按钮切换地图的显示模式。

 

下一篇我们将对地图控件添加更多的控制，以符合我们商业上的要求，当然如果你心急的话，也可以看着帮助文件开始尝试了。