Class: IGSTileLayer

IGSTileLayer

new IGSTileLayer(url, options)

engineExtensions/layer/IGSTileLayer.js, line 4

IGS瓦片服务接入类

Name Type Description
url String

图层服务基地址,
IGS1.0: http://{ip}:{port}/igs/rest/mrms/tile/{folder}:{serviceName}
IGS2.0: http://{ip}:{port}/igs/rest/services/{folder}/{serviceName}/TileServer

options Object

额外构造参数

Name Type Default Description
tileSize Number null 可选

瓦片大小,默认为256

bounds L.latLngBounds null 可选

图层显示范围

clippingArea Object null 可选

图层裁剪几何对象

visible Boolean true 可选

图层显隐

opacity Number 1 可选

图层透明度

crsOptions Object null 可选

图层叠加参数

minZoom Number 0 可选

最小层级

maxZoom Number 10 可选

最大层级

Example

混合开发模式

// ES5引入方式
const { IGSTileLayer } = zondy.Layer
const { initializeCRS, initializeOptions } = zondy.leaflet.util
// ES6引入方式
import { IGSTileLayer } from "@mapgis/webclient-common"
import { initializeCRS, initializeOptions } from "@mapgis/webclient-leaflet-plugin"

// 构造一个IGSTileLayer图层对象
const layer = new IGSTileLayer({
  // 服务基地址
  url: "http://{ip}:{port}/arcgis/rest/services/{服务名}/TileServer"
});
// 加载图层元数据
layer.load().then(function () {
  // 构造地图视图的初始化参数
  const crs = initializeCRS(layer)
  const mapViewOptions = {
    // 地图视图参考系
    crs: crs,
    // 初始化中心点
    center: [31.147781205532336,112.21905099757561],
    // 初始化级数
    zoom: 6
  }
  // 构造Leaflet地图视图对象
  const map = L.map('地图视图容器ID', mapViewOptions)
  // 构造图层的初始化参数
  const layerOptions = initializeOptions(layer)
  // 添加图层到地图视图中
  new zondy.leaflet.layer.IGSTileLayer(layer.url, layerOptions).addTo(map)
})

Extends