Windows Phone 7的地圖控件
在我們?cè)敿?xì)介紹了Windows Phone 7的樞軸控件和全景視圖控件，本文我們將介紹地圖控件。現(xiàn)在地理定位服務(wù)在移動(dòng)應(yīng)用程序中越來(lái)越流行，它的這種能告知用戶(hù)身處何地以及身邊有何物的能力變得越來(lái)越重要。
使用地圖控件
作為Visual Studio 2010工具箱的一部分，你只需要將一個(gè)地圖控件拖到頁(yè)面中即可。這樣做時(shí)，你會(huì)注意到在頁(yè)面中添加了另一個(gè)XML名稱(chēng)空間。
- xmlns:map="clr-namespace:Microsoft.Phone.Controls.Maps;assembly=Microsoft.Phone.Controls.Maps"
這是在我的例子中默認(rèn)添加的XAML(在我調(diào)整好位置和尺寸后)：
- <map:Map Height="607" HorizontalAlignment="Left" Name="myMap" VerticalAlignment="Top" Width="456" />
***，來(lái)一張程序中地圖的截圖：
程序中地圖的截圖
你會(huì)注意到在上圖中央的白色文字寫(xiě)著“無(wú)效的證書(shū)。注冊(cè)一個(gè)開(kāi)發(fā)人員賬戶(hù)”。本文的剩余部分，我會(huì)說(shuō)一下我們能對(duì)這個(gè)地圖控件進(jìn)行的所有不同的操作，包括獲得一個(gè)有效地開(kāi)發(fā)人員API密鑰。
創(chuàng)建你的開(kāi)發(fā)人員賬戶(hù)
在構(gòu)建你的地圖程序之前首先要做的就是獲得一個(gè)Bing Map API密鑰。這很簡(jiǎn)單，并且是免費(fèi)的，并且可以將上面那行丑陋的白字去掉。要得到它，需要前往Bing地圖站點(diǎn)并注冊(cè)。完成后，你需要?jiǎng)?chuàng)建一個(gè)API密鑰。窗體看起來(lái)是這樣的：
創(chuàng)建你的開(kāi)發(fā)人員賬戶(hù)
當(dāng)你填好后，他們會(huì)給你一個(gè)看起來(lái)像這樣的API密鑰：
- AsWlUnHEvLgHlLHaRqTZLslewv1QIdGppxOqyL-7He2jxyHvLAjutrcntemUih-w9
(這不是我的API密鑰。我替換了很多字符。但它看起來(lái)應(yīng)該像你見(jiàn)到的這樣。)
使用Credentials Provider屬性
既然你已經(jīng)有一個(gè)API密鑰了，我們需要將它插入到我們的程序中。如果你的程序中只有一個(gè)地圖控件，向下面這樣使用就非常好：
- <map:Map CredentialsProvider="AsWlUnHEvLgHlLHaRqTZLslewv1QIdGppxOqyL-7He2jxyHvLAjutrcntemUih-w9">
如果你想重用這個(gè)值，應(yīng)該將它保存到別的地方，比如App.xaml文件。像下面這個(gè)例子。我提供了你會(huì)在App.xaml文件和實(shí)際的地圖控件中都能用到的代碼。我們?cè)贏pp.xaml文件中創(chuàng)建了一個(gè)靜態(tài)的CredentialsProvider，并在我們的頁(yè)面中訪問(wèn)它。
- App.xaml
- <Application.Resources>
- <map:ApplicationIdCredentialsProvider ApplicationId="AsWlUnHEvLgHlLHaRqTZLslewv1QIdGppxOqyL-7He2jxyHvLAjutrcntemUih-w9" x:Key="BingMapsAPIKey"></map:ApplicationIdCredentialsProvider>
- </Application.Resources>
- Map Control
- <map:Map CredentialsProvider="{StaticResource BingMapsAPIKey}">
改變地圖控件的特性
有很多選項(xiàng)可以改變地圖的外觀。例如，將道路模式改為空中模式，或者決定是否顯示縮放級(jí)別選擇器。你有很多很多可以設(shè)置的選項(xiàng)，它們都在Bing Maps Silverlight Control Interactive SDK中。我就不必在這里把所有選項(xiàng)都羅列一遍了(他們已經(jīng)做了很多工作了)，但我要告訴你如何從地圖中獲取你的數(shù)據(jù)。重點(diǎn)只講兩件事：在地圖中添加圖釘和自定義的形狀。
在地圖中添加圖釘
在C#中，添加一個(gè)圖釘就是創(chuàng)建一個(gè)Pushpin對(duì)象，設(shè)置它的位置，然后將它添加到地圖中。在XAML中也可以實(shí)現(xiàn)。很明顯，XAML為你提供了更快捷的方式，但其實(shí)哪種方式都不復(fù)雜。
- XAML
- <map:Pushpin Location="40.1449, -82.9754" FontSize="30" Background="Orange" Content="1" />
- C#
- Pushpin pushpin = new Pushpin();
- Location location = new Location();
- location.Latitude = 40.1449;
- location.Longitude = -82.9754;
- pushpin.Location = location;
- pushpin.Background = new SolidColorBrush(Colors.Orange);
- pushpin.Content = "1";
- pushpin.FontSize = 30;
- MapControl.Children.Add(pushpin);
在上面的例子中，無(wú)論哪種方式，都會(huì)將一個(gè)圖釘釘?shù)轿业霓k公室，在8800 Lyra Drive, Columbus可以找到。在我的程序中看起來(lái)是這樣的：
Windows Phone 7的地圖控件
如果你想知道如何將你的地址轉(zhuǎn)換為經(jīng)緯度，請(qǐng)參見(jiàn)我的這篇Silverlight 31日談系列中的文章。它包含了地理地址編碼以及你要在手機(jī)程序中所做的內(nèi)容。
在地圖中添加自定義XAML
在Map程序集中有一個(gè)小控件叫MapPolygon。向它提供一系列位置，它就會(huì)在你的地圖中畫(huà)出一個(gè)自定義的多邊形，當(dāng)用戶(hù)縮放和移動(dòng)地圖時(shí)它仍會(huì)固定在那個(gè)位置。由于它是基于經(jīng)緯度而綁定到地圖的，所以程序中有需要，可以很容易地用它勾勒出國(guó)家，州，地區(qū)，甚至一個(gè)停車(chē)場(chǎng)的輪廓。下面是實(shí)現(xiàn)方法：
- XAML
- <map:MapPolygon Fill="Purple" Stroke="White" Opacity=".7" Locations="40.1449,-82.9754 40.1449,-12.9754 10.1449,-82.9754" />
- C#
- MapPolygon mapPolygon = new MapPolygon();
- mapPolygon.Fill = new SolidColorBrush(Colors.Purple);
- mapPolygon.Stroke = new SolidColorBrush(Colors.White);
- mapPolygon.Opacity = .7;
- LocationCollection locations = new LocationCollection();
- Location location = new Location();
- location.Latitude = 40.1449;
- location.Longitude = -82.9754;
- Location location1 = new Location();
- location1.Latitude = 40.1449;
- location1.Longitude = -12.9754;
- Location location2 = new Location();
- location1.Latitude = 10.1449;
- location1.Longitude = -82.9754;
- locations.Add(location);
- locations.Add(location1);
- locations.Add(location2);
- mapPolygon.Locations = locations;
- MapControl.Children.Add(mapPolygon);
就是這些。我們已經(jīng)將一個(gè)圖釘和一個(gè)自定義多邊形覆蓋到了地圖中。關(guān)于這個(gè)控件的更多功能請(qǐng)參見(jiàn)Bing Maps Silverlight Control Interactive SDK(下面是MapPolygon的截圖)
Windows Phone 7的地圖控件
在這個(gè)例子中，你可以找到用XAML和C#將圖釘和多邊形添加到地圖中的例子。可能你不需要全部?jī)?nèi)容，可以取其一，這完全由你決定。
【編輯推薦】
