拼吾爱程序人生

首页 » .Net编程 » Silverlight » 在Silverlight 2应用程序中集成Virtual Earth
sundy - 2008-7-2 15:04:00
文/Terrylee  出处/博客园

概述

Virtual Earth是什么,我想不用多做解释了。微软在推出自己的Virtual Earth之后,开放了大量的APIs,使得我们可以方便集成到自己的应用程序中。

本文将介绍如何在自己的Silverlight 2应用程序中集成Virtual Earth。

在HTML中集成

在开始之前,我们先来简单看一下如何在HTML中集成Virtual Earth,大家可以去这里查询相关APIs,我们来看看如何加载默认地图,如下代码所示:

Code


其实这段代码非常简单的简单,首先引入Virtual Earth Map控件,并且使用JavaScript来加载地图。

 附件: 您所在的用户组无法下载或查看附件


这是最简单的一个示例,但是并没有多大实用价值,下面我们再看一个如何在查找地图上的特定位置的示例,如下代码所示:

Code


其实查找位置也特别简单,直接调用VEMap对象的Find()方法即可,运行后,查找“Beijing”如下图所示:

 附件: 您所在的用户组无法下载或查看附件

 您可能对 [Silverlight] 的这些文章也感兴趣:

Novell MoonLight:微软SilverLight领跑者
Silverlight读取xml
使用Expression Blend开发Silverlight 2应用 -- 初览
Silverlight专题(3)-使用Deep Zoom Composer
SilverLight 开发系列第1步:搭建开发环境
Silverlight教程第一部分:使用Silverlight 2 和 VS 2008创建“Hello World”程序
Silverlight 2 (beta1)数据操作(6)
Mozilla推出Silverlight与Flash的竞争对手-Prism
Silverlight 2 RTM
SilverLight 2.0 事件触发
sundy - 2008-7-2 15:32:00
在Silverlight中集成

通过上面的两个示例,大家看到了,在HTML中加载Virtual Earth都是使用JavaScript来完成,我们知道Silverlight 2应用程序可以很容易的实现与JavaScript的交互,意味着我们可以在Silverlight 2应用程序中通过调用JavaScript代码来实现集成,这种方式的确是可以的,但如果要编写非常复杂的Virtual Earth应用,实现起来也是一件不容易的事。

好在有一个开源项目可以帮助我们,使用托管代码在Silverlight 2中实现Virtual Earth应用。该项目名称为“Virtual Earth Wrapper for Silverlight”,官方地址:http://www.codeplex.com/views,当前版本是1.1。该项目使用托管代码来封装了所有Virtual Earth中的JavaScript应用,使得我们编写Virtual Earth与Silverlight 2集成应用程序变得非常简单。下面我们看一个简单的示例,如何在Silverlight中加载Virtual Earth。

在下载Virtual Earth Wrapper for Silverlight后解压缩,会看到有两个程序集和一个JavaScript文件。首先在HTML中引入相关的JS脚本,如下代码所示:

Code


其中views.js在压缩包里面有,然后添加一个div,用来作为地图容器:

<div id='mapContainer' style="position:relative; width:500px; height:300px;"></div>
编写一段脚本,定义一个silverlight变量,该变量在此处虽然没有做任何事,但它将会在views.js文件中被运用:

Code


编写Silverlight Object,指定onLoad事件,如下代码所示:

Code


现在来看Silverlight中的代码编写,首先引入ScriptInterop.dll和VIEWS.dll两个程序集,并引入相关的命名空间。在Page_Loaded事件中加入:

Code


代码非常简单,创建一个VEMap对象,这里的mapContainer就是我们刚才定义的地图容器,而SLMAP则是注册的对象别名,注意这个名称不能修改,因为在views.js中将会用到。现在运行后可以看到加载的地图:

 附件: 您所在的用户组无法下载或查看附件


现在我们再看一下如何在Silverlight中加入查找位置的功能,代码非常简单:

Code


效果如下图所示:

 附件: 您所在的用户组无法下载或查看附件


除此之外,我们还可以开发更加复杂的应用,如添加层、实现3D效果等,下面是作者给出的一个示例效果:

 附件: 您所在的用户组无法下载或查看附件


总结

本文简单介绍了如何使用VIEWS项目实现Silverlight 2与Virtual Earth的集成,希望对大家有所帮助。

本文示例下载:http://channel9.msdn.com/playground/Sandbox/412940-VIEWS-Sample-File/
1
查看完整版本: 在Silverlight 2应用程序中集成Virtual Earth
Modify by pin5i DZNT_ExpandPackage 2.1.3237 2007-2008 pin5i.com
  Total Unique Visitors: