[Windows Phone] 地图覆叠层控制项(MapOverlay )

原文:[Windows Phone] 地图覆叠层控制项(MapOverlay )

前言

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

?

实作

step1 建立专案。

[Windows Phone] 地图覆叠层控制项(MapOverlay )

?

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

[Windows Phone] 地图覆叠层控制项(MapOverlay )

?

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

[Windows Phone] 地图覆叠层控制项(MapOverlay )

?

step4 画面设计。

[Windows Phone] 地图覆叠层控制项(MapOverlay )

?

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);
	}

?

结果

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

[Windows Phone] 地图覆叠层控制项(MapOverlay )

?

范例档

覆叠层.rar

?

相关参考与引用

MapOverlay Class


[Windows Phone] 地图覆叠层控制项(MapOverlay )

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

上一篇:写得蛮好的linux学习笔记二-常用命令(收藏)


下一篇:android SoundPool播放音效