GeoServer基于Silverlight技术的地图客户端实现

GeoServer基于Silverlight技术的地图客户端实现


发布日期: 2018-01-18 更新日期: 2018-01-18 编辑:xuzhiping 浏览次数: 7064

标签 :

摘要: 一、DeepZoom简介 DeepZoom技术以MultiScaleImage控件为核心,其内部有一个 MultiScaleTileSource类型的源属性,主要用于设置MultiScaleImage 控件所要呈现的数据源。基于Silverlight的Web ...

一、DeepZoom简介

DeepZoom技术以MultiScaleImage控件为核心,其内部有一个 MultiScaleTileSource类型的源属性,主要用于设置MultiScaleImage 控件所要呈现的数据源。基于Silverlight的Web GIS客户端实现也是 通MultiScaleImage控件来实现,核心就在于通过MultiScaleTileSource 属性针对不同的Web GIS地图瓦片数据(Image Tiles)提供商为 MultiScaleImage控件实现一个数据源。这里做的工作就是针对WMS 服务为MultiScaleImage控件实现一套加载数据源的算法。

二、WMS服务加载实现

实现WMS服务加载的算法其实非常简单,只需要了解WMS发布的方式、WMS地址的参数组成结构以及地图瓦片的投影原理就可以了,首先 需要定义一个盒子对象作为访问WMS的边界参数对象。

public class BBox
{
    public int X { get; set; }
    public int Y { get; set; }
    public int Width { get; set; }
    public int Height { get; set; }

    public BBox(int x, int y, int w, int h)
    {
        this.X = x;
        this.Y = y;
        this.Width = w;
        this.Height = h;
    }
}

关于WMS服务加载的详细算法需要一些GIS理论基础才能够知道具体的 实现原理,这里我就不逐一介绍,直接贴代码:

public class WMSTileSource : MultiScaleTileSource 
{
    public WMSTileSource()
        : base(int.MaxValue, int.MaxValue, 0x100, 0x100, 0)
    { }

    public const int TILE_SIZE = 256;
    /// 
    /// 地球半径
    /// 
    public const double EARTH_RADIUS = 6378137;
    /// 
    /// 地球周长
    /// 
    public const double EARTH_CIRCUMFERENCE = EARTH_RADIUS * 2 * Math.PI;
    public const double HALF_EARTH_CIRCUMFERENCE = EARTH_CIRCUMFERENCE / 2;

    /// 
    /// WMS服务地址
    /// 
    private const string TilePath = @"http://localhost:8080/geoserver/wms?service=WMS&version=1.1.0&request=GetMap&layers=cq:CQ_County_region,cq:CQ_County_region_level&styles=&bbox={0},{1},{2},{3}&width=512&height=421&srs=EPSG:4326&&Format=image/png";

    public string GetQuadKey(string url)
    {
        var regex = new Regex(".*tiles/(.+)[.].*");
        Match match = regex.Match(url);

        return match.Groups[1].ToString();
    }

    public BBox QuadKeyToBBox(string quadKey, int x, int y, int zoomLevel)
    {
        char c = quadKey[0];

        int tileSize = 2 << (18 - zoomLevel - 1);

        if (c == '0')
        {
            y = y - tileSize;
        }

        else if (c == '1')
        {
            y = y - tileSize;
            x = x + tileSize;
        }

        else if (c == '3')
        {
            x = x + tileSize;
        }

        if (quadKey.Length > 1)
        {
            return QuadKeyToBBox(quadKey.Substring(1), x, y, zoomLevel + 1);
        }
        return new BBox(x, y, tileSize, tileSize);
    }

    public BBox QuadKeyToBBox(string quadKey)
    {
        const int x = 0;
        const int y = 262144;
        return QuadKeyToBBox(quadKey, x, y, 1);
    }

    public double XToLongitudeAtZoom(int x, int zoom)
    {
        double arc = EARTH_CIRCUMFERENCE / ((1 << zoom) * TILE_SIZE);
        double metersX = (x * arc) - HALF_EARTH_CIRCUMFERENCE;
        double result = RadToDeg(metersX / EARTH_RADIUS);
        return result;
    }

    public double YToLatitudeAtZoom(int y, int zoom)
    {
        double arc = EARTH_CIRCUMFERENCE / ((1 << zoom) * TILE_SIZE);
        double metersY = HALF_EARTH_CIRCUMFERENCE - (y * arc);
        double a = Math.Exp(metersY * 2 / EARTH_RADIUS);
        double result = RadToDeg(Math.Asin((a - 1) / (a + 1)));
        return result;
    }

    public double RadToDeg(double d)
    {
        return d / Math.PI * 180.0;
    }

    private static string TileXYToQuadKey(int tileX, int tileY, int levelOfDetail)
    {
        var quadKey = new StringBuilder();
        for (int i = levelOfDetail; i > 0; i--)
        {
            char digit = '0';
            int mask = 1 << (i - 1);
            if ((tileX & mask) != 0)
            {
                digit++;
            }
            if ((tileY & mask) != 0)
            {
                digit++;
                digit++;
            }
            quadKey.Append(digit);
        }
        return quadKey.ToString();
    }

    protected override void GetTileLayers(int tileLevel, int tilePositionX, int tilePositionY, System.Collections.Generic.IList tileImageLayerSources)
    {
        int zoom = tileLevel - 8;
        if (zoom > 0)
        {
            string quadKey = TileXYToQuadKey(tilePositionX, tilePositionY, zoom);
            BBox boundingBox = QuadKeyToBBox(quadKey);

            double lon = XToLongitudeAtZoom(boundingBox.X * TILE_SIZE, 18);
            double lat = YToLatitudeAtZoom(boundingBox.Y * TILE_SIZE, 18);

            double lon2 = XToLongitudeAtZoom((boundingBox.X + boundingBox.Width) * TILE_SIZE, 18);
            double lat2 = YToLatitudeAtZoom((boundingBox.Y - boundingBox.Height) * TILE_SIZE, 18);

            string wmsUrl = string.Format(TilePath, lon, lat, lon2, lat2, TILE_SIZE);

            var veUri = new Uri(wmsUrl);
            tileImageLayerSources.Add(veUri);
        }
    }
}


前端通过一个按钮事件驱动触发加载WMS服务,按钮的XAML代码如下:

关注公众号
获取免费资源


Copyright © Since 2014. 开源地理空间基金会中文分会 吉ICP备05002032号

Powered by TorCMS

OSGeo 中国中心 邮件列表

问题讨论 : 要订阅或者退订列表,请点击 订阅

发言 : 请写信给: osgeo-china@lists.osgeo.org