MapGIS Client for JavaScript API

new WebTileLayer(url, options)

engineExtensions/layer/WebTileLayer.js, line 5

网络瓦片服务接入类

Name Type Description

url

String

服务基地址，格式为: http://{任意字符串}{x}{任意字符串}{y}{任意字符串}{z}

options

Object

额外构造参数

Name	Type	Default	Description
`visible`	Boolean	true	可选图层显隐
`opacity`	Number	1	可选图层透明度
`tileSize`	Number	256	可选瓦片大小
`bounds`	L.latLngBounds	null	可选图层显示范围
`clippingArea`	Object	null	可选图层几何裁剪对象
`crsOptions`	Object		可选相同坐标系的图层，但裁图方案不同时，设置此参数，可让图层进行叠加
`minZoom`	Number	0	可选最小显示级数
`maxZoom`	Number	18	可选最大显示级数
`tokenKey`	String	'token'	可选 token名
`tokenValue`	String	null	可选 token值
`tms`	String	false	可选是否是tms类型的服务
`subdomains`	Array.<String>	null	可选子域名占位符,用于加快瓦片索引的速度。如果指定此值，则URL内必须包含{s}作为替换的模板
`headers`	Object	null	可选请求头参数

Example

混合开发模式

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

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

Class: WebTileLayer

new WebTileLayer(url, options)

Example