Class: ArcGISTileLayer

ArcGISTileLayer

new ArcGISTileLayer(options)

document/layer/arcgis/ArcGISTileLayer.js, line 9

ArcGIS 瓦片图层。

用于接入 ArcGIS MapServer 的缓存瓦片并在视图中按级别请求瓦片数据，适用于底图或静态切片场景。 图层会在加载时解析服务元信息并生成瓦片参数，建议在加载完成后执行显隐、透明度与顺序调整操作。

Name Type Default Description
options Object {} 可选

构造参数

Name Type Default Description
url String 可选

服务基地址：
IGS发布的ArcGIS服务: http://{ip}:{port}/igs/rest/services/{folder}/{serviceName}/arcgis/MapServer
ArcGIS: https://{ip}:{port}/arcgis/rest/services/{serviceName}/MapServer
参考示例：[ArcGIS的瓦片图层示例]
删除图层方法：[删除图层]
id String 可选

图层id，不给则给一个随机的id
opacity Number 1 可选

图层透明度，0到1之间的值，0为完全透明，1为不透明，参考示例：[设置图层透明度]
visible Boolean true 可选

图层显示或隐藏，true则显示，false则隐藏，参考示例：[设置图层显示或隐藏]
spatialReference SpatialReference 可选

图层坐标系，默认从服务元信息上读取
minScale Number 0 可选

最小显示比例尺，图层在视图中可见的最小比例尺。
maxScale Number 0 可选

最大显示比例尺，图层在视图中可见的最大比例尺。
tokenKey String 'token' 可选

token名
tokenValue String 可选

token值，只有当tokenValue存在时，才会绑定token
Fires
  • Layer#event:图层加载完毕事件
  • Layer#event:图层销毁完毕事件
  • Layer#event:图层更新完毕事件
Examples

ArcGIS的瓦片图层示例

// ES5引入方式
const { ArcGISTileLayer } = zondy.layer

// ES6引入方式
import { ArcGISTileLayer } from "@mapgis/webclient-common"
const arcgisTileLayer = new ArcGISTileLayer({
  // 服务基地址
  url: 'http://{ip}:{port}/arcgis/rest/services/Tile/{serviceName}/MapServer'
});

设置图层透明度

// ES5引入方式
const { ArcGISTileLayer } = zondy.layer

// ES6引入方式
import { ArcGISTileLayer } from "@mapgis/webclient-common"
// 初始化时设置
const arcgisTileLayer = new ArcGISTileLayer({
  // 服务基地址
  url: 'http://{ip}:{port}/arcgis/rest/services/Tile/{serviceName}/MapServer',
  // 设置图层透明度
  opacity: 1.0
});

// 加载完成后设置
arcgisTileLayer.on('layerview-created', function (result) {
  console.log("加载完毕:", result.layer)
arcgisTileLayer.opacity = 0.5
})

设置图层显示或隐藏

// ES5引入方式
const { ArcGISTileLayer } = zondy.layer

// ES6引入方式
import { ArcGISTileLayer } from "@mapgis/webclient-common"
// 初始化时设置
const arcgisTileLayer = new ArcGISTileLayer({
  // 服务基地址
  url: 'http://{ip}:{port}/arcgis/rest/services/Tile/{serviceName}/MapServer',
  // 设置图层显示或隐藏
  visible: true
});

// 加载完成后设置
arcgisTileLayer.on('layerview-created', function (result) {
  console.log("加载完毕:", result.layer)
  // 设置图层显示或隐藏
  arcgisTileLayer.visible = !arcgisTileLayer.visible
})

删除图层

map.remove(arcgisTileLayer)

图层顺序

// 加载完毕后，更改图层顺序
map.reorder(arcgisTileLayer, '要移动到的index');

Extends

Members

descriptionString

图层描述

elevationInfoElevationInfo

高程模式参数。仅支持 ElevationMode.onTheScene 和 ElevationMode.onTheGround 两种模式。

mapNameString

服务名称

tileDisplayStrategyTileDisplayStrategy

瓦片显示策略，当瓦片图层的显示比例尺范围，超出瓦片数据自身的级别后的显示策略

tileInfoTileInfo null

瓦片切图信息

tileSizeNumber

瓦片大小

Default Value:
256

tileSliceTypeTileSliceType

瓦片的切片方式。支持TMS和WMTS两种切片方式的瓦片加载，默认为wmts切片方式

typeString

图层类型

urlString

服务基地址

Methods

clone(){ArcGISTileLayer}

document/layer/arcgis/ArcGISTileLayer.js, line 272

克隆方法

Returns:
Type Description
ArcGISTileLayer 图层

getTileUrl(level, row, col){String}

document/layer/arcgis/ArcGISTileLayer.js, line 230

根据级数以及行列号获取瓦片的url

Name Type Description
level Number

瓦片级数
row Number

行号
col Number

列号
Returns:
Type Description
String 瓦片请求地址
Example

根据级数以及行列号获取瓦片的url

const url = arcgisTileLayer.getTileUrl(0, 1, 2)

toJSON(){Object}

document/layer/arcgis/ArcGISTileLayer.js, line 262

转换为 JSON 对象

Returns:
Type Description
Object JSON 对象

ArcGISTileLayer.fromJSON(json){ArcGISTileLayer}

document/layer/arcgis/ArcGISTileLayer.js, line 250

通过传入的 JSON 构造并返回一个新的 ArcGISTileLayer 对象

Name Type Description
json Object 可选

JSON 对象
Returns:
Type Description
ArcGISTileLayer 新的ArcGISTileLayer对象
Example

通过传入的 JSON 构造并返回一个新的图层对象

// ES5引入方式
const { ArcGISTileLayer } = zondy.layer

// ES6引入方式
import { ArcGISTileLayer } from "@mapgis/webclient-common"
const json = {
  // 服务基地址
  url: 'http://{ip}:{port}/arcgis/rest/services/Tile/{serviceName}/MapServer'
}
const arcgisTileLayer = ArcGISTileLayer.fromJSON(json)