原文:[Windows Phone] 地图控制项的经纬度

前言

本文主要示范如何使用地图经纬度以及显示地标和行人街道,并透过卷轴控制地图缩放比例的功能。

?

实作

step1 建立专案。

?

step2 ?在 WMAppManifest.xml 的地方用滑鼠点两下。

?

step3 ?进去WMAppManifest.xml 後,先点选 [功能],再勾选 [ID_CAP_MAP] 来开启地图功能。

?

step4 ?设计画面

产生 xaml 的程式如下:

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

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

?

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="10,10,14,-10">
<TextBlock HorizontalAlignment="Left" Margin="10,29,0,0" TextWrapping="Wrap" VerticalAlignment="Top" FontSize="25" Height="53" Width="120" Text="纬度/经度"/>
<Button Content="Button" HorizontalAlignment="Left" Height="0" Margin="88,53,0,0" VerticalAlignment="Top" Width="12"/>
<TextBox x:Name="tba" HorizontalAlignment="Left" Height="72" Margin="130,10,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="96" RenderTransformOrigin="0.461,0.539"/>
<TextBox x:Name="tbb" HorizontalAlignment="Left" Height="72" Margin="231,10,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="96"/> <maps:Map x:Name="map" HorizontalAlignment="Left" Margin="10,154,0,0" VerticalAlignment="Top" Height="443" Width="436" ZoomLevel="18"
LandmarksEnabled="True"
PedestrianFeaturesEnabled="True"/>
<!-- LandmarksEnabled显示地标 , PedestrianFeaturesEnabled显示行人街道-->
<Button x:Name="btn" Content="确定" HorizontalAlignment="Left" Margin="327,10,0,0" VerticalAlignment="Top"/>
<TextBlock HorizontalAlignment="Left" Margin="10,87,0,0" TextWrapping="Wrap" Text="地图缩放" VerticalAlignment="Top" Width="109" Height="46" FontSize="25"/>
<Slider x:Name="sld" HorizontalAlignment="Left" Margin="128,72,0,0" VerticalAlignment="Top" Width="280" Height="85" FontSize="15" Value="10" Minimum="1" Maximum="20"/> </Grid>

?

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

  public partial class MainPage : PhoneApplicationPage
{
// 建构函式
public MainPage()
{
InitializeComponent();
sld.ValueChanged +=
new RoutedPropertyChangedEventHandler (sld_ValueChanged);
// 将 ApplicationBar 当地语系化的程式码范例
//BuildLocalizedApplicationBar();
} private void sld_ValueChanged(object sender, RoutedPropertyChangedEventArgs e)
{
map.ZoomLevel = sld.Value;
} private void btn_Click(object sender, RoutedEventArgs e)
{
Double Latitude, Longitude; //Latitude纬度、Longitude经度
Latitude = Double.Parse(tba.Text);
Longitude = Double.Parse(tbb.Text);
map.Center = new GeoCoordinate(Latitude, Longitude);
map.ZoomLevel = 10; //地图缩放比例
}

结果

此应用程式包含使用地图经纬度以及显示地标和行人街道,并透过卷轴控制地图缩放比例的功能。

?

范例下载

map经纬度.rar

?

相关参考与引用

Maps and navigation for Windows Phone 8

posted on 2013/11/25 09:14 |
阅读数 : 258
|

1 人推荐

我要推荐

|
Add Comment

| 文章分类 [

Windows Phone

]

|
订阅

[Windows Phone] 地图控制项的经纬度的更多相关文章

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

    原文:[Windows Phone] 地图覆叠层控制项(MapOverlay ) 前言 当使用地图时,我们可能需要定位一些座标图示或是绘制一些文字线条,这时可以在地图上加上覆叠层进行绘制,在 Wind ...

  2. [Windows Phone] 导览控制项(Navigation controls)

    原文:[Windows Phone] 导览控制项(Navigation controls) [前言] 如果应用程式只有单一页面,在画面呈现上可能会让使用者容易没有新鲜感,这个范例是使用导览控制项(Na ...

  3. Android百度地图开发03之地图控制 + 定位

    前两篇关于百度地图的blog写的是,一些基本图层的展示 和 覆盖物的添加+地理编码和反地理编码. 接下来,这篇blog主要说一些关于地图控制方面的内容和定位功能. 百度地图提供的关于地图的操作主要有: ...

  4. windows phone 7 定位(获取经纬度),然后找到经纬度所在的位置(城市信息)

    原文:windows phone 7 定位(获取经纬度),然后找到经纬度所在的位置(城市信息) 前几天做项目用到, 代码贴给大家. /// <summary> /// 获取当前位置的经纬度 ...

  5. Visual Studio跨平台开发实战(4) - Xamarin Android基本控制项介绍

    原文 Visual Studio跨平台开发实战(4) - Xamarin Android基本控制项介绍 前言 不同于iOS,Xamarin 在Visual Studio中针对Android,可以直接设 ...

  6. Visual Studio跨平台开发实战(2) - Xamarin.iOS基本控制项介绍

    原文 Visual Studio跨平台开发实战(2) - Xamarin.iOS基本控制项介绍 前言 在上一篇文章中, 我们介绍了Xamarin 以及简单的HelloWorld范例, 这次我们针对iO ...

  7. Visual Studio跨平台开发(4):Xamarin Android控制项介绍

    前言 不同于iOS, Xamarin 在Visual Studio中针对Android, 可以直接设计使用者界面. 在本篇教学文章中, 笔者会针对Android的专案目录结构以及基本控制项进行介绍, ...

  8. Visual Studio跨平台开发(2):Xamarin.iOS基本控制项介绍

    前言 在上一篇文章中, 我们介绍了Xamarin 以及简单的HelloWorld范例, 这次我们针对iOS的专案目录架构以及基本控制项进行说明. 包含UIButton,UISlider,UISwitc ...

  9. 百度地图 echarts tooltip属性 经纬度坐标不显示

    中国地图.散点图结合点击后显示当前城市数量 不显示经纬度坐标 echarts.appMap = function (id, opt) { // 实例 var chart = this.init(doc ...

随机推荐

  1. Android studio导入第三方类库

    1.开发过程中想要导入第三方类库和Eclipse也是有差别的,我们导入SlidingMenu这个类库,从github上下载下来解压到项目目录下. 2.然后我们重启我们的android studio就会 ...

  2. 远程开发调试与hot-update | (R "think-of-lisper" 'Albertlee)

    远程开发调试与hot-update | (R "think-of-lisper" 'Albertlee) 远程开发调试与hot-update

  3. [ACM] hdu 4405 Aeroplane chess (概率DP)

    Aeroplane chess Problem Description Hzz loves aeroplane chess very much. The chess map contains N+1 ...

  4. Opencv各个版本的万能头文件

    每次下载opencv的新版本时,都需要重新写头文件,更改链接库配置,很麻烦有木有?下面这个头文件是我在别人的代码中淘出来的,很不错,与大家分享~(具体作者忘记了,不好意思啊) 作者很巧妙地利用Open ...

  5. 对于stackoverflow的中文翻译的相关问题

    我们非常多朋友都给我留言说.希望我翻译一下stackoverflow的问题以及答案,首先我也非常愿意为大家翻译,在能够帮助大家的同一时候,对我本人的技能的提升有优点:可是工作量实在太大,所以我不可能翻 ...

  6. SICP 习题 (2.6) 解题总结:丘奇计数

    SICP 习题 2.6 讲的是丘奇计数,是习题2.4 和 2.5的延续. 这里大师们想提醒我们思考的是"数"究竟是什么,在计算机系统里能够怎样实现"数".准备好 ...

  7. android 在你的UI中显示Bitmap - 开发文档翻译

    由于本人英文能力实在有限,不足之初敬请谅解 本博客只要没有注明“转”,那么均为原创,转贴请注明本博客链接链接 Displaying Bitmaps in Your UI 在你的UI中显示Bitmap ...

  8. ACM起步要点总结(转哈工大)

    首先,我想说的就是,我是一个很普通的ACMer,高中没有参加过任何计算机和数学竞赛的经历,也没有ben那样过人的天资,努力至今也未能取得什么成绩,我之所以写下这篇文章,只是希望给刚进大学或者刚进ACM ...

  9. xcode 改动整个项目名

    目标为:将项目名XCD4改成xcd5. 先上结果图:==> 1.在左側的导航区域点击两次项目名,两次间隔时间略微长些,项目名会变成可编辑状态. 将名称改动为xcd5后按enter键弹出一个对话框 ...

  10. hdu2712(贪心)

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=2712 题意:是求最短的非子串(子串不要求连续)的长度. 分析:把序列划分为尽量多(假设为ans)的含有 ...