我们用管理员身份启动Visual Studio CTP，然后打开SilverlightSolution项目，如果一切正常，我们可以得到一个空的Silverlight程序页面：

4. 添加对HTML DOM对象的动态访问

我们在Page类中添加两个dynamic类型的对象doc和win，分别表示当前页面和窗口，修改后Page类如下：

public partial class Page : UserControl
{
// 添加的代码
dynamic doc = HtmlPage.Document.AsDynamic();
dynamic win = HtmlPage.Window.AsDynamic();
//…
}

然后，我们修改Page类的函数btnSearch_Click()，当用户点击”Get All”按钮后，更加用户搜索的内容，修改窗口的标题。

void btnSearch_Click(object sender, RoutedEventArgs e)
{
doc.Title = "Pictures of " + txtTag.Text;
lstPictures.ItemsSource = Source.LoadItems();
}

5. 添加Virtual Earth Jscript控件

打开解决方案中的测试页StartPage.htm，在﹤title﹥标签的前面添加如下JaveScript代码，引用Virtual Earth控件：

﹤script type="text/javascript"
src="http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.1"/﹥

然后，在﹤body﹥标签中添加如下代码，定义地图控件的位置和大小：

﹤div id='myMap' style="position:absolute; top:40px;
left:200px; width:550px; height:400px;"/﹥

通过简单的两步，我们就完成了对测试页面的修改。接下来的工作就是通过C#访问和控制Virtual Earth控件了。

6. 用C#代码控制Virtual Earth控件

在Page类中添加如下代码控制Virtual Earth控件，以实现获取地图，添加Pin的功能：

dynamic map = null;
void GetMap()
{
map = win.New.VEMap("myMap");
map.LoadMap();
}
void AddPin(Item item)
{
dynamic loc = win.New.VELatLong(item.Latitude, item.Longitude);
var pin = map.AddPushpin(loc);
pin.SetTitle(item.Title);
pin.SetDescription(item.Description);
map.SetCenterAndZoom(loc, 7);
}

忆苦才能思甜。为了体会动态编程给我们带来的便利，我们来看看在没有动态类型的C# 3.0中，AddPin()函数应该如何实现。如果是在C# 3.0中，我们的doc，win和map 都将是静态类型，为了执行这些对象的某些方法，需要进行显式的类型转换，同时，还需要将方法名作为字符串传递以实现方法的调用。很明显，C# 3.0中的实现过程非常繁琐，而C# 4.0中的实现是如此的优雅而自然。

void AddPin(Item item)
{
ScriptObject loc = win.CreateInstance("VELatLong", item.Latitude, item.Longitude);
ScriptObject pin = (ScriptObject)map.Invoke("AddPushpin", loc);
pin.Invoke("SetTitle", item.Title);
pin.Invoke("SetDescription", item.Description);
map.Invoke("SetCenterAndZoom", loc, 7);
}

最后，我们需要在适当的位置调用这两个函数，以实现地图的加载和Pin的添加。在Page类的Init()函数中添加GetMap()函数调用：

public void Init()
{
GetMap();
}

另外，在lstPictures_SelectionChanged()函数中添加AddPin()函数，当用户选择的图片变化后，重新获取Pin的位置并添加到地图上：

void lstPictures_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
Item selected = lstPictures.SelectedItem as Item;
AddPin(selected);
}

7. 编译解决方案

到这里为止，我们对项目的修改就全部完成了。重新编译整个解决方案，我们可以看到添加Virtual Earth控件后的页面。当我们在左侧列表中选择图片后，Pin会定位到这幅图片拍摄的地点，当我们把鼠标移动到Pin上时，则会显示图片和更多的相关信息