C# 4.0 動態類型與動態編程實戰（三）：控制 Virtual Earth JS 控件

4. 動態存取 HTML DOM

public partial class Page : UserControl
{
    dynamic doc = HtmlPage.Document.AsDynamic();
    dynamic win = HtmlPage.Window.AsDynamic();
    // ...
}

修改視窗標題：

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

5. 引用 Virtual Earth JS 控件

在 StartPage.htm 加入：

<script type="text/javascript" src="https://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.1"></script>
<div id='myMap' style="position:absolute; top:40px; left:200px; width:550px; height:400px;" />

6. C# 動態控制 Virtual Earth

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);
}

win.New 對應 JS new，VEMap、VELatLong、AddPushpin 等皆為 JS 物件/方法，C# 以動態方式無縫調用。