zoukankan      html  css  js  c++  java
  • 使用DeepEarth加载在线Google地图(卫星、街道)

      在《初探DeepEarth控件》一文中简单介绍了一些DeepEarth的基本结构以及地图的TileSource的基本用法,本文通过一个简单的应用示例(加载在线的google卫星地图)继续展开介绍DeepEarth控件的相关用法。

      DeepEarth内部提供的任何TileSource都是继承于DeepEarth.Layers.TileSource类,该类实现了MultiScaleTileSource类和ITileSource接口,共同完成了实现地图图层的加载和相关算法策略。我们要实现加载在线Google地图的原理很简单,找到Google在线地图的Tile System映射地址,编写地图图层加载算法策略就OK了。

      在DeepEarth.Provider中提供了很多种地图加载的TileSource,我们可直接通过修改其中的一个来实现加载Google在线卫星地图,下面以BlueMarble/BmTileSource为例,该类的构造方法提供了多个重载版本,其中一个是接受一个地图Tile System映射地址,既然这样我们可以通过外部调用的时候将Tile System的映射地址传递进来,在这个类中我们只需要修改加载地图底层的算法就可以了,让这个算法方法适应于根据Google在线卫星地图的映射Url加载地图数据,通过重写TileSource的GetTile方法为如下代码即可:

     1 public override Uri GetTile(int tileLevel, int tilePositionX, int tilePositionY)
     2 {
     3     if (IsInitialized)
     4     {
     5         int zoom = TileToZoom(tileLevel);
     6         _IsTileDownloadStarted = true;
     7 
     8         string url = string.Empty;
     9 
    10         switch (MapMode)
    11         {
    12             case BmMapModes.BlueMarbleWeb:
    13                 url = TilePathBlueMarbleWeb;
    14                 url = string.Format(url, tilePositionX % 4, tilePositionX, tilePositionY, zoom);
    15                 break;
    16 
    17             case BmMapModes.BlueMarbleLocal:
    18                 url = TilePathBlueMarbleLocal;
    19                 int port = Application.Current.Host.Source.Port;
    20                 url = string.Format(url, zoom, tilePositionX, tilePositionY, port);
    21                 
    22                 break;
    23         }
    24         return new Uri(url);
    25     }
    26     return null;
    27 }

      由于枚举类型默认为第一个枚举项,所以上面直接修改BlueMarbleWeb模式就可以了。在新建一个Silverlight应用和宿主程序,在Silverlight应用程序页面引入DeepEarth控件并调用DeepEarth的Map控件。

    xmlns:DeepEarth="clr-namespace:DeepEarth;assembly=DeepEarth"

      下面为使用DeepEarth的Map控件示例代码:

    <Grid x:Name="LayoutRoot" Width="640" Height="480">
          
    <StackPanel>
              
    <DeepEarth:Map x:Name="map"  Canvas.ZIndex="1003">
              
    </DeepEarth:Map>
          
    </StackPanel>
    </Grid>

      界面也使用了Map控件,下面只需要为这个控件的图层指定一个TileSource就可以成功的加载地图数据了。通过HttpWatch等工具可以分析出Google在线卫星地图的Tile System映射地址为:http://khm{0}.google.com/kh/v=47&x={1}&y={2}&z={3}格式,那么直接将这个地址格式指定给BmTileSource就大功告成了。如下代码:

    1 public MainPage()
    2 {
    3     InitializeComponent();
    4     map.BaseLayer.Source = new BmTileSource("http://khm{0}.google.com/kh/v=47&x={1}&y={2}&z={3}");
    5 }

            

      编译运行程序的效果如上(重庆朝天门码头)截图。我们也可以通过修改BmTileSource里的常量TilePathBlueMarbleWeb为如下:

    private const string TilePathBlueMarbleWeb = @"http://khm{0}.google.com/kh/v=47&x={1}&y={2}&z={3}"

      这样在使用BmTileSource的时候也可以通过构造方法设置BmMapModes参数来确定加载什么地图:

    1 public MainPage()
    2 {
    3     InitializeComponent();
    4     
    5     //map.BaseLayer.Source = new BmTileSource("http://khm{0}.google.com/kh/v=47&x={1}&y={2}&z={3}");
    6     map.BaseLayer.Source = new BmTileSource(BmMapModes.BlueMarbleWeb);
    7 }
       同理我们也可以加载在线的Google街道地图,Google的街道地图的加载算法和卫星地图是一样的,不同的是街道地图的Tile System映射地址。同样可以通过HttpWatch等嗅探器工具可得到Google街道地图的地址格式:http://mt{0}.google.com/vt/lyrs=m@116&hl=zh-CN&x={1}&y={2}&z={3}&s= 。要实现加载Google街道地图只需要修改:
    private const string TilePathBlueMarbleWeb = @"http://khm{0}.google.com/kh/v=47&x={1}&y={2}&z={3}"
    为Google街道地图的Tile System映射地址就可以了,代码如下:
    private const string TilePathBlueMarbleWeb = @"http://mt{0}.google.com/vt/lyrs=m@116&hl=zh-CN&x={1}&y={2}&z={3}&s="

            

      如果有Google地图数据,我们也可以自己部署地图数据,然后加载自己部署的Google地图数据也是可以的,这里就不做详细介绍,有兴趣的朋友可查阅我的另一篇文章:《【Silverlight】Bing Maps学习系列(八):使用Bing Maps Silverlight Control加载自己部署的Google Maps

    相关说明

     本文属学习笔记文章,愿与有志者共同学习交流。欢迎转载,但请在明显地位标记本文的原文连接。  

    作      者:Beniao                                   WebGIS技术群:75662563

    文章出处:http://beniao.cnblogs.com/  或  http://www.cnblogs.com/

  • 相关阅读:
    链表 | 将递增有序的两个链表的公共元素合并为新的链表
    链表 | 将两个递增链表合并为一个递减链表
    雪花特效
    vuex笔记
    Vue路由
    Vue框架使用sass
    vue组件通信
    vue请求数据
    07_06.哈夫曼树
    07_05.通过链接实现二叉树及其遍历
  • 原文地址:https://www.cnblogs.com/beniao/p/1652343.html
Copyright © 2011-2022 走看看