OpenLayers学习--加载ArcGIS缓存

数据准备

使用ArcGIS发布地图，并切图得到松散的缓存瓦片数据，一般存储路径为：C:\arcgisserver\directories\arcgiscache

使用ArcGIS10.2之前的ArcGIS Server数据目录可能不一样，请自己找到arcgiscache 文件夹。

本实例使用的缓存配置如下图：

发布数据

本步骤主要目的是将ArcGIS缓存的瓦片发布的到服务器上，使外网可以访问到瓦片数据。

将缓存路径发布的IIS上（路径为：http://localhost:9999），如下图：

加载缓存类（该类可以加载任何ArcGIS发布的数据）

关键步骤就是重现getURL()方法，当地图刷新的时候可以找到服务器中切片存放的路径。

OpenLayers加载缓存文件的代码如下：

        OpenLayers.Layer.ESRICache = OpenLayers.Class(OpenLayers.Layer.TMS, {

            tileOriginCorner: 'tl',

            type: 'png',

            initialize: function (name, url, options) {

                OpenLayers.Layer.TMS.prototype.initialize.apply(this, [name, url,options]);
            },

            getURL: function (bounds) {
                var z = map.getZoom();
                var res = map.getResolution(z);
                var x = parseInt((bounds.getCenterLonLat().lon - this.tileOrigin.lon) / (256 * res));
                var y = parseInt((this.tileOrigin.lat - bounds.getCenterLonLat().lat) / (256 * res));

                x = 'C' + OpenLayers.Number.zeroPad(x, 8, 16);
                y = 'R' + OpenLayers.Number.zeroPad(y, 8, 16);
                z = 'L' + OpenLayers.Number.zeroPad(z, 2, 10);

                return this.url + z + '/' + y + '/' + x + '.' + this.type;
            },

        });

使用示例

初始化地图图层：

        var esri = new OpenLayers.Layer.ESRICache("ArcGIS缓存", 'http://localhost:9999/',
           {
               resolutions: [
                          0.01903568804664224,
                          0.00951784402332112,
                          0.00475892201166056,
                          0.00237946100583028,
                          0.00118973050291514
               ],
               maxExtent: [103.59974, 24.621635, 109.55483, 29.224079],
               tileOrigin: new OpenLayers.LonLat(-400, 400)
           });

初始化地图：

            map = new OpenLayers.Map('map', {
                projection: "EPSG:4326",
                displayProjection:"EPSG:4326",
                //maxExtent: [103.59974, 24.621635, 109.55483, 29.224079],
                controls:[]
            });
            
            map.addLayer(esri);

OK，打开浏览器查看地图