【Silverlight】Bing Maps学习系列（三）：如何控制地图

　　本篇主要介绍如何对地图的一些常用控制操作，包括地图加载模式、根据精度和纬度定位、变焦程度等。

一、动态设置地图加载模式

　　在本系列二中介绍了地图加载模式，可以给地图控件设置一种模式的地图加载模式，呈现数据的时候根据制定的模式加载地图。其实我们也可以通过程序动态的来改变地图的加载呈现模式，方式和设置模式加载模式是一样的，都是通过地图控件(Bing Maps Silverlight Control)的Mode属性来控制。

　　比如在程序中实现上篇文章中所描述的三种模式地图的显示，可以如下来编写代码实现：

代码

private void Road_Click(object sender, RoutedEventArgs e)
{
this.map.Mode = new RoadMode();
}

private void Aerial_Click(object sender, RoutedEventArgs e)
{
this.map.Mode = new AerialMode(false);
}

private void AerialLabel_Click(object sender, RoutedEventArgs e)
{
this.map.Mode = new AerialMode(true);
}

　　通过布局三个按钮分别来实现三种模式的切换，对应的前端Silverlight代码如下：

代码

二、动态定位（Location）

　　可以说所有地图系统(比如常见的Google Maps,Bing Maps,ArcGIS,MapInfo等)都是通过精度（Longitude）和纬度（Latitude）来进行定位。在Bing Maps开发中，我们也可以做到动态定位，Bing Maps Silverlight Control提供了动态定位的相关API我们可以直接调用。

　　地图的精度和纬度都是通过double类型值表示（经测试Bing Maps中设置int,float类型值也可以），在设置精度纬度的时候需要注意，错误的度值会引发Silverlight异常。

代码

代码

private void Dynamic_Click(object sender, RoutedEventArgs e)
{
double latitude = 0;
double longitude = 0;

double.TryParse(tbLatitude.Text, out latitude);
double.TryParse(tbLongitude.Text, out longitude);
this.map.SetView(new Location(latitude, longitude), 5);
}

　　SetView方法提供了多个重载版本，其中一个重载为通过Location对象使用精度和纬度构造地图坐标以及地图变焦程度参数来进行地图坐标定位。地图定位的精度和纬度表示的坐标为当前地图显示区域的中心点，可以使用地图控件的"Center"属性，值得到当前显示地图的中心坐标点（精度，纬度）。

代码

public MainPage()
{
    InitializeComponent();
    this.map.ViewChangeOnFrame += delegate(object sender, Microsoft.Maps.MapControl.MapEventArgs e)
    {
        double longitude = this.map.Center.Longitude;
        double latitude = this.map.Center.Latitude;
    };
}

三、动态设置变焦程度

　　地图变焦也可以说是镜头的放大与缩小程度，可以通过对地图控件设置ZoomLevel属性进行动态控制。变焦的取值是有限的只能取值1---16，如下为地图设置默认的加载变焦级别。

代码

<m:Map CredentialsProvider="AkzZURoD0H2Sle6Nq_DE7pm7F3xOc8S3CjDTGNWkz1EFlJJkcwDKT1KcNcmYVINU" x:Name="map"
NavigationVisibility="Collapsed"
ZoomLevel="5">
</m:Map>

　　也支持动态设置变焦程度，通过程序动态改变ZoomLevel的值就OK了，如下示例代码：

代码

private void ZoomLevel_Click(object sender, RoutedEventArgs e)
{
    double zoomLevel = 1d;
    double.TryParse(this.tbZoomLevel.Text.Trim(), out zoomLevel);
    this.map.ZoomLevel = zoomLevel;
}

【Silverlight】Bing Maps学习系列（三）：如何控制地图相关推荐

【Silverlight】Bing Maps学习系列（七）：使用Bing Maps的图片系统（Tile System）
[Silverlight]Bing Maps学习系列(七):使用Bing Maps的图片系统(Tile System) 目前包括微软必应地图在内的几乎所有在线电子地图(如:Google Maps等)都 ...
【Silverlight】Bing Maps学习系列（二）：通过Bing Maps Silverlight Control如何显示地图...
如本系列第一篇你所介绍的,开发基于Silverlight的Bing Maps除了开发环境还需要一个开发Key,这个Key是用来做什么的呢?Silverlight控件在做地图呈现的时候它是一个必不可少的 ...
【Silverlight】Bing Maps学习系列（九）：自定义功能导航条（Custom NavigationBar）
微软Bing Maps Silverlight Control实现了最基本的地图呈现功能,其功能其他是非常的强大,可以支持很多的扩展功能开发,本文通过自定义功能导航菜单为例介绍基于Bing Maps ...
Bing Maps进阶系列八：在Bing Maps中集成OpenStreetMap地图
OSM(OpenStreetMap-开放街道地图)服务就是一种发布自己地图数据图片为服务的一种实现类型,开放街道地图成立动机在于希望能创造并且提供可以被自由地使用的地理资料(像街道地图)给每个想使用的 ...
数据库MYSQL学习系列三
数据库MYSQL学习系列三三．MYSQL事务与存储引擎 3.1-数据库事务什么是事务 一系列有序的数据库操作: o要么全部成功 o要么全部回退到操作前的状态 o中间状态对其他连接不可见 事务的 ...
Silverlight Blend动画设计系列三：缩放动画（ScaleTransform）
原文:Silverlight & Blend动画设计系列三:缩放动画(ScaleTransform) 在Silverlight的动画框架中,ScaleTransform类提供了在二维空间中的坐 ...
idea学习系列三之版本管理工具
idea学习系列三之版本管理工具上一篇文章主要介绍了将idea中常用的快捷键,快捷键要想熟练那就得在实际的工作中多使用,刚开始可能很麻烦经常去笔记中找,不过用多了自然就熟练了. 这篇文件将会介绍一下 ...
Pyside2 学习系列三：PyInstaller打包项目瘦身（超详细的Pyside2 攻略）
继上一篇文章打包后,发现包太大了,我们现在开始进行瘦身优化. 本项目的所有演示代码:github可在这里下载. 打包只用的工具为PyInstaller. 不想细看的朋友可以直接跳到最后方法对比 ...
Vue+Electron学习系列 (三) -- 自动更新
Vue+Electron学习系列 1️⃣Vue+Electron学习系列 (一) -- 初识 2️⃣ Vue+Electron学习系列 (二) -- 打包发布 3️⃣ Vu ...

【Silverlight】Bing Maps学习系列（三）：如何控制地图

【Silverlight】Bing Maps学习系列（三）：如何控制地图相关推荐

最新文章

热门文章