第一次在Silverlight 使用 Bing Map 就上手

2010/07/18

最近因為專案的關係所以不得不接觸有關於Map的東西,

但是其實在Silverlight去使用Google Map 有一定的麻煩...

這時候我研究一下,我發現微軟的Bing Map 對Silverlight的支援度非常的高..

所以可以所以可以讓Developer來輕鬆使用。

接下來我會教如何把Bing Map放進Silverlight中 ..









首先您得安裝Visual Studio 2010 , 然後是可以開發Silverlight的環境。


1. 先到這裡(http://www.microsoft.com/downloads/details.aspx?displaylang=en&FamilyID=beb29d27-6f0c-494f-b028-1e0e3187e830)下載  Bing Map Silverlight Controls 並且安裝... 


2. 做完第一步之後..您打開一個乾淨的Silverlight 專案,然後引入這安裝完後的dll


如果沒意外的話會在 C:\Program Files\Bing Maps Silverlight Control\V1\Libraries 找到這些dll




插入之後應該會長這樣子




 3.再來就是引入Bing Map Controls

在在工具列那邊按右鍵選擇"Choose Items" 之後引入 Microsoft.Maps.MapControl.dll




之後就會看到Bing Map Controls 都進來了..





 4.再來就是把將其中 Map 這物件放入 你想要呈現Map的地方..

就可以了...結果如下...





這樣就好了..有沒有很溫馨..

但是請注意幾點....

這時候我們來看我的XAML ...



<UserControl x:Class="BngMapSample.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="400" d:DesignWidth="500" xmlns:my="clr-namespace:Microsoft.Maps.MapControl;assembly=Microsoft.Maps.MapControl">
    <Grid x:Name="LayoutRoot" Background="White">
        <my:Map CredentialsProvider="AhkMeJNiD6a8JSGoC2QIHe47XzBhLqzH_y34nDsbv5kIEbBrEZ9WY_hG4x1DZnd-" />
    </Grid>
</UserControl>


我其中加入了 CredentialsProvider 這屬性 , 這就是您身為開發人員要使用此Bing Map SDK 需要去申請的一組Key ...

申請的位置是在 : https://www.bingmapsportal.com/SignIn/Logon

這邊我就不在贅述了...

最後做好後範例如下:



之後我還會陸續在放一些應用教學...

下面是一些有用的參考連結 :

 SDK 範例教學 :  http://www.microsoft.com/maps/isdk/silverlight/

 SDK 文件 : http://msdn.microsoft.com/en-us/library/ee681884.aspx

 SDK control 下載點 :  http://www.microsoft.com/downloads/details.aspx?displaylang=en&FamilyID=beb29d27-6f0c-494f-b028-1e0e3187e830

 SDK Key 申請 : https://www.bingmapsportal.com/SignIn/Logon





 


2 意見:

Unknown 提到...

非常可惜的是目前Bind Maps似乎還沒有中文?

Unknown 提到...

是阿..真的是超可惜的..不然我都用bing了..

程式 . 生活 . D小調.@2010 | Binary Design: One Winged Angel.