擴展TiledMapServiceLayer,加載ArcGIS Server發佈的切片地圖

通常情況下我們直接使用ArcGISTiledMapServiceLayer來加載ArcGIS Server 發佈的地圖服務。但若我們需自定義一些功能的話,需擴展TiledMapServiceLayer來加載ArcGIS Server發佈的切片地圖。

下面我們一步一步來實現自定義TiledMapServiceLayer加載ArcGIS Server發佈的切片:

首先查看需要加載的地圖服務:http://x.x.x.x:8399/arcgis/rest/services/map/MapServer

內容大致如下:

Tile Info:

  • Height: 256
  • Width: 256
  • DPI: 96
  • Levels of Detail: (# Levels 10)
  • Format: PNG24
  • Compression Quality: 0
  • Origin: X: -400.0
                 Y: 400.0
  • Spatial Reference: 4326

Initial Extent:

XMin: 110

YMin: 20

XMax: 112

YMax: 30

Spatial Reference: 4326 

Full Extent:

XMin: 110

YMin: 20

XMax: 112

YMax: 30

Spatial Reference: 4326

其中

      切片大小

      切片原點

      切片格式

      每一級切片的分辨率、比例尺

      地圖初始化範圍

      地圖範圍

對擴展TiledMapServiceLayer非常重要。

 

下面我們來擴展TiledMapServiceLayer

package com.css.conponents
{
 import com.esri.ags.SpatialReference;
 import com.esri.ags.geometry.Extent;
 import com.esri.ags.geometry.MapPoint;
 import com.esri.ags.layers.supportClasses.LOD;
 import com.esri.ags.layers.supportClasses.TileInfo;
 import com.esri.ags.layers.TiledMapServiceLayer;
 
 import flash.net.URLRequest;

 public class MyMapServiceLayer extends TiledMapServiceLayer
 {
  public function MyMapServiceLayer()
  {
   super();   
   buildTileInfo(); // to create our hardcoded tileInfo   
   setLoaded(true); // Map will only use loaded layers
  }
  
  private var _tileInfo:TileInfo = new TileInfo(); // see buildTileInfo()
  private var _baseURL:String = "http://x.x.x.x:8399/arcgis/server/arcgiscache/map/Layers/_alllayers";
    // 對應 Initial Extent: 
  override public function get fullExtent():Extent
  {
   return new Extent(110, 20, 112, 30, new SpatialReference(4326));
  }
  // 對應 Full Extent:

  override public function get initialExtent():Extent
  {
   return new Extent(110, 20, 112, 30, new SpatialReference(4326));
  }
  
  override public function get spatialReference():SpatialReference
  {
   return new SpatialReference(4326);
  }
    
  override public function get tileInfo():TileInfo
  {
   return _tileInfo;
  }
  override protected function getTileURL(level:Number, row:Number, col:Number):URLRequest
  {
    var url:String = _baseURL
    + "/L" + padString(String(level), 2, "0")
    + "/R" + padString(row.toString(16), 8, "0")
    + "/C" + padString(col.toString(16), 8, "0") + ".png";
   return new URLRequest(url);
  }
  
  private function buildTileInfo():void
  {

  // 對應   Tile Info:height /width 
   _tileInfo.height = 256;
   _tileInfo.width = 256;

  // 對應 Tile Info:Origin 
   _tileInfo.origin = new MapPoint(-400, 400);
   _tileInfo.spatialReference = new SpatialReference(4326);

  // 對應 Tile Info: Levels of Detail:
   _tileInfo.lods =
    [

     new LOD(0, 0.0023794610058302797, 1000000.0),
           ...

     new LOD(9, 4.758922011660559E-6,2000)
    ];
  }
  
  private function padString(text:String, size:int, ch:String):String
  {
   while (text.length < size)
   {
    text = ch + text;
   }
   return text;
  }
 }
 
}

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章