[Windows Phone] 地圖覆疊層控制項（MapOverlay ）

當使用地圖時，我們可能需要定位一些座标圖示或是繪制一些文字線條，這時可以在地圖上加上覆疊層進行繪制，在 Windows Phone 應用程式中是透過地圖覆疊層控制項（MapOverlay ）來達成，本文将以執行個體展示如何使用。

?

step1 建立專案。

<a href="http://files.dotblogs.com.tw/uvia820701/1311/Overlayer_ABB1/map_2.png"></a>

step2 在 WMAppManifest.xml 滑鼠左鍵按兩下進行編輯。

<a href="http://files.dotblogs.com.tw/uvia820701/1311/Overlayer_ABB1/1_2.png"></a>

step3 開啟 WMAppManifest.xml 後，先切換至 [功能] 索引标簽，再勾選 [ID_CAP_MAP] 來開啟地圖功能。

<a href="http://files.dotblogs.com.tw/uvia820701/1311/Overlayer_ABB1/2_2.png"></a>

step4 畫面設計。

<a href="http://files.dotblogs.com.tw/uvia820701/1311/Overlayer_ABB1/12_2.png"></a>

map 控制項，Name 屬性：map，Center 屬性：24.167, 120.883（為台中市和平區經緯度），ZoomLevel 屬性：10。

産生 xaml 的程式如下：

在 phone:PhoneApplicationPage.xaml 加入下方程式碼引用 Microsoft.Phone.Maps，才能使用地圖控制項。

step5 MainPage.xaml.cs 程式碼中的事件處理函式如下：

在地圖中，透過地圖覆疊層控制項，顯示圓與三角形於定位的位置。

<a href="http://Files.Dotblogs.com.tw/uvia820701/1311/20131127121921894.png"></a>

<a href="http://Files.Dotblogs.com.tw/uvia820701/1311/20131127122112930.rar">覆疊層.rar</a>

<a href="http://msdn.microsoft.com/en-US/library/windowsphone/develop/microsoft.phone.maps.controls.mapoverlay%28v=vs.105%29.aspx" target="_blank">MapOverlay Class</a>

<a target="_top" href="http://s1.dotblogs.com.tw/admentorserve.aspx?type=click&amp;z=18&amp;a=11"></a>

posted on 2013/11/27 12:12 |

閱讀數 : 289

|

<a href="http://www.dotblogs.com.tw/Bookmarks/Content.aspx?Urlid=11189726" target="_blank">1 人推薦</a>

<a>我要推薦</a>

<a href="/uvia820701/archive/2013/11/27/131527.aspx#feedback">Add Comment</a>

| 文章分類 [

<a href="/uvia820701/category/9585.aspx">Windows Phone</a>

]

<a>訂閱</a>