[Windows Phone] 地图覆叠层控制项（MapOverlay ）

前言

当使用地图时，我们可能需要定位一些座标图示或是绘制一些文字线条，这时可以在地图上加上覆叠层进行绘制，在 Windows Phone 应用程式中是透过地图覆叠层控制项（MapOverlay ）来达成，本文将以实例展示如何使用。

?

实作

step1 建立专案。

?

step2 在 WMAppManifest.xml 滑鼠左键按两下进行编辑。

?

step3 开启 WMAppManifest.xml 後，先切换至 [功能] 索引标签，再勾选 [ID_CAP_MAP] 来开启地图功能。

?

step4 画面设计。

?

map 控制项，Name 属性：map，Center 属性：24.167, 120.883（为台中市和平区经纬度），ZoomLevel 属性：10。

产生 xaml 的程式如下：

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

 xmlns:maps="clr-namespace:Microsoft.Phone.Maps.Controls;assembly=Microsoft.Phone.Maps"

?

        <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">

            <maps:Map x:Name="map" HorizontalAlignment="Left"  Center=" 24.167,120.883" ZoomLevel="10" Margin="0,10,0,0" VerticalAlignment="Top" Height="587" Width="446"/>

        </Grid>

?

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

?

       	public MainPage()
       	{
           InitializeComponent();

           // 新增两列的格子配置，背景为透明
           Grid MyGrid = new Grid();
           MyGrid.RowDefinitions.Add(new RowDefinition());
           MyGrid.RowDefinitions.Add(new RowDefinition());
           MyGrid .Background =new SolidColorBrush(Colors.Transparent);

           // 建立一个红色直径35的圆
           Ellipse Mycir = new Ellipse();
           Mycir.Fill = new SolidColorBrush(Colors.Red);
           Mycir.Height = 35;
           Mycir.Width = 35;
           Mycir.SetValue(Grid.RowProperty, 0);
           // 将圆放到格子中
           MyGrid.Children.Add(Mycir); 

           // 在格子第一列的地方，建立一个框为紫色、里面填满黄色的三角形
           Polygon Mytriang = new Polygon();
           Mytriang.Points.Add(new Point(2, 0));
           Mytriang.Points.Add(new Point(22, 0));
           Mytriang.Points.Add(new Point(2, 40));
           Mytriang.Stroke = new SolidColorBrush(Colors.Purple);
           Mytriang.Fill = new SolidColorBrush(Colors.Yellow);
           Mytriang.SetValue(Grid.RowProperty, 1);
           // 将三角形加入格子里
           MyGrid.Children.Add(Mytriang);

           // 建立覆叠层然後把格子配置放进来
           MapOverlay Myoverlay = new MapOverlay();
           Myoverlay.Content = MyGrid;

           //(24.15,120.43)为覆叠层座标
           Myoverlay.GeoCoordinate = new GeoCoordinate(24.167, 120.883);
           Myoverlay.PositionOrigin = new Point(0, 0.5);

           //新增一个地图层并将覆叠层放进来
           MapLayer Mylayer = new MapLayer();
           Mylayer.Add(Myoverlay);
           map.Layers.Add(Mylayer);
	}

?

结果

在地图中，透过地图覆叠层控制项，显示圆与三角形於定位的位置。

?

范例档

覆叠层.rar

?

相关参考与引用

MapOverlay Class

posted on 2013/11/27 12:12 | 阅读数 : 289 | 1 人推荐 我要推荐 | Add Comment | 文章分类 [ Windows Phone ] | 订阅