Class: IGSTileLayer

IGSTileLayer

new IGSTileLayer(options)

document/layer/igserver/IGSTileLayer.js, line 10

IGS 瓦片图层。

用于接入 IGS TileServer/MapServer 的缓存瓦片服务，支持 IGS 1.0 与 2.0 协议地址。 图层会在加载后解析瓦片层级与范围信息，适用于底图或大范围快速浏览场景。

Name Type Default Description
options Object {} 可选

构造参数

Name Type Default Description
url String 可选

服务基地址，
IGS1.0的服务为：http://{ip}:{port}/igs/rest/mrms/tile/{folder}:{serviceName}，参考示例：[IGS1.0的瓦片图层示例]
IGS2.0的服务为：http://{ip}:{port}/igs/rest/services/{folder}/{serviceName}/TileServer，参考示例：[IGS2.0的瓦片图层示例]
IGS2.0的服务为：http://{ip}:{port}/igs/rest/services/{folder}/{serviceName}/MapServer，支持地图服务MapServer瓦片取图接口，用法和TileServer一致，仅是基地址不一样 删除图层方法：[删除图层]
id String 可选

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

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

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

图层坐标系，默认从服务元信息上读取 参考示例：[设置图层坐标系(IGS1.0)]
minScale Number 0 可选

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

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

token名
tokenValue String 可选

token值，只有当tokenValue存在时，才会绑定token
clippingArea Polygon | Extent | Circle | MultiPolygon | null null 可选

图层空间裁剪范围，仅支持多多边形裁剪、多边形裁剪、矩形裁剪、圆形裁剪
Fires
Examples

IGS1.0的瓦片图层示例

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

// ES6引入方式
import { IGSTileLayer, SpatialReference } from "@mapgis/webclient-common"
const igsTileLayer = new IGSTileLayer({
  // 服务基地址
  url: 'http://{ip}:{port}/igs/rest/mrms/tile/{serviceName}',
});

IGS2.0的瓦片图层示例

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

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

设置图层透明度

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

// ES6引入方式
import { IGSTileLayer } from "@mapgis/webclient-common"
// 初始化时设置
const igsTileLayer = new IGSTileLayer({
  // 服务基地址
  url: 'http://{ip}:{port}/igs/rest/services/Tile/{serviceName}/TileServer',
  // 设置图层透明度
  opacity: 1.0
});
// 加载完成后设置
arcgisTileLayer.on('layerview-created', function (result) {
  console.log("加载完毕:", result.layer)
  igsTileLayer.opacity = 0.5
})

设置图层显示或隐藏

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

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

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

ArcGIS的瓦片图层示例

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

// ES6引入方式
import { IGSTileLayer } from "@mapgis/webclient-common"
const arcgisTileLayer = new IGSTileLayer({
  url: 'https://services.arcgisonline.com/arcgis/rest/services/World_Terrain_Base/MapServer'
});

删除图层

map.remove(igsTileLayer)

图层顺序

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

Extends

Members

clippingAreaPolygon Extent Circle MultiPolygon null

空间裁剪范围

descriptionString

图层描述

elevationInfoElevationInfo

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

mapNameString

服务名称

tileDisplayStrategyTileDisplayStrategy

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

tileInfoTileInfo null

瓦片切图信息

tileSizeNumber

瓦片大小

Default Value:
256

tileSliceTypeTileSliceType

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

typeLayerType

图层类型

urlString

服务基地址

Methods

clone(){IGSTileLayer}

document/layer/igserver/IGSTileLayer.js, line 368

克隆IGSTileLayer对象

Returns:
Type Description
IGSTileLayer 克隆后的IGSTileLayer实例

getTileUrl(level, row, col)

document/layer/igserver/IGSTileLayer.js, line 329

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

Name Type Description
level Number

瓦片级数
row Number

行号
col Number

列号
Example

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

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

load()

document/layer/igserver/IGSTileLayer.js, line 249

加载图层资源

Example

不加载图层，仅获取图层信息

// 初始化图层
const igsTileLayer = new zondy.layer.IGSTileLayer({
  // 服务基地址
  url: 'http://{ip}:{port}/igs/rest/services/Tile/{serviceName}/TileServer'
});
igsTileLayer.load().then((result) => {
  // 获取完图层信息
  console.log(wmsLayer)
})

toJSON(){Object}

document/layer/igserver/IGSTileLayer.js, line 353

转换为 JSON 对象

Returns:
Type Description
Object JSON 对象

IGSTileLayer.fromJSON(json){IGSTileLayer}

document/layer/igserver/IGSTileLayer.js, line 344

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

Name Type Description
json Object 可选

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

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

const json = {
  // 服务基地址
  url: 'http://{ip}:{port}/igs/rest/services/Tile/{serviceName}/TileServer'
}
const igsTileLayer = zondy.layer.IGSTileLayer.fromJSON(json)