Don't think you are, know you are

博客园 首页 新随笔 管理

 

网站中地图控件的使用可以极大提升用户体验,你肯定不希望用户切换出去,使用别人的电子地图来定位你的店铺和公司,所以在我们的商务应用网站中加入地图控件是必要的。我们今天就在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,好好体验一下吧。

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

 

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

 

 

posted on 2010-07-29 16:14  炭炭  阅读(2403)  评论(6编辑  收藏  举报