星期二, 1月 24, 2012

[Expression Blend ] 如何安裝、註冊和使用Bing Maps (1)

000

  • Bing Maps 簡介篇

相信大家如果談到線上地圖,第一直覺應該都是直接聯想到 Google Maps。



Bing Maps ??? 這是什麼鬼,連聽都沒聽過。

甚至可能連 Bing 也可能搞不太清楚是什麼 *($%%^O(*^%E*  的確!!!

KT這邊大概簡介一下Bing Maps。


Bing Maps (線上地圖服務)是微軟公司推出的Bing 搜尋引擎,

服務中其中一項功能。
(Google 搜尋引擎的線上地圖服務是Google Maps,
微軟 Bing 搜尋引擎的線上地圖服務是Bing Maps )

Bing Maps 超少人在用(可能一票人都沒連過 Bing Maps
但如果你有用臉書打卡,其實臉書上顯示的線上地圖即是Bing Maps ),


很少人在用,所以KT更需要站出來做宣傳和推廣這項服務。

但目前最大缺憾就是 Bing Maps 台灣地圖部分只有英文版。

這點是KT 在推廣上,最力不從心的地方,

唉~KT也希望有一天Bing Maps可以像Google Maps一樣強壯。

好不管那麼多,我們連上 Bing Maps 來看看,

路線圖:
影像 001
詭異的事,現在可以支援中文搜尋,如:「台北重慶南路」,

但地圖的路全是英文><"""。

其實看看英文地圖也不錯,感覺滿有氣質的(呵呵呵~)。

衛星拍攝圖:
影像 002

大概看了一下也使用了一下 Bing Maps 之後,我們來進入今天的主題吧!!!

「如何在Blend 4 上使用Silverlight Bing Maps」,


  • 安裝篇


首先需要先下載且安裝 Bing Maps Silverlight Control SDK

安裝完之後,我們可以在預設安裝路徑目錄裡看到:

C:\Program Files (x86)\Bing Maps Silverlight Control\V1\Libraries
000

  • 使用篇


再來,我們可以開啟Expression Blend 4 ,新建一個專案,

這次KT將檔名取為:「BingMaps_Demo1」,確認存檔位置沒錯後即可按確定。
影像 000


若你尚未加入參考,在預設控制工具項裡,是看不到任何相關Bing Maps的工具,

所以我們需要手動加入Bing Maps的 Libraries 參考,
影像 006



"新增參照"路徑,指定到剛剛安裝:
 "Bing Maps Silverlight Control SDK" 下的Libraries,
(預設安裝路徑:C:\Program Files (x86)\Bing Maps Silverlight Control\V1\Libraries)

選取 「Microsoft.Maps.MapControl.Common.dll」與「Microsoft.Maps.MapControl.dll」
影像 001



加入參照後,即可看到如下畫面:
影像 003


這時到<資產>面板下,
搜尋map

選擇"位置"=>"Microsoft.Maps.MapControl.dll",就可以看到Map相關控制項
影像 000


我們可以將Map控制項拉至畫布中,即可以看到令人感動的 Bing Map
影像 004

這時可以按"F5"快速執行專案,來看一下目前成果:
影像 006

會發現,馬上可以使用一個活生生的Bing Maps ,真的很快速方便。

但眼尖的你,一定也發現,中間會跑出一行討人厭的文字,

這時我們只需要去官網,申請一組開發Key即可消除這行文字。


  • 註冊篇
Bing Maps開發Key申請處:Bing Maps Account Center
首先需要登入Windows Live 帳號 (若沒有,則需要申請一個Windows Live帳號)
影像 008



登入進入Bing Maps,KT這邊選擇建立一個新的使用者
影像 000



分別填入Account nameEmail address勾選我同意
Save後即可免費申請到一個開發Key。
(當然勾選我同意時,需耐心仔細看一下,相關合約內容,以免觸法)
影像 001



再到 My Account=>Create or view keys,即可取得這一組開發Key。
影像 003



有了這一組開發Key後,我們可以再回到Blend 4裡,
點選Map物件,然後到Map物件的屬性面板裡在CredentialsProvider裡,
填入這一組Key,
影像 000



完成以上這步驟後,
這時按"F5"快速執行專案,即可以發現那一行文字已經消失。
影像 001

  • 影片教學




執行結果:





範例原始碼下載:
(此範例檔未附上KT的開發Key,所以要填入自己的開發Key喔!!!)


更多詳細資料可參考:


1.Bing Maps 線上說明書


3.Bing Maps Silverlight Control SDK (開發Bing Maps需要安裝的SDK檔)


(微軟官方相當豐富的範例:Demo效果+原始碼)
影像 005



7.Bing Maps 部落格

8.如何使用Silverlight Control 載入顯示Google Maps

9.如何使用Silverlight Control 載入顯示Yahoo Maps

10.如何使用Silverlight Control 載入顯示OpenStreetMap

0 意見 :

張貼留言

回覆意見時,麻煩輸入一下暱稱
(隨便取個名字也好~ ^_^)
好讓我方便回覆您的問題,
選擇「名稱/網址」輸入您的暱稱,
麻煩一下,謝謝大家。

關閉廣告 [X]