Skip to content

WMSTileLayer

WMSTileLayer 用于在地图上以瓦片形式加载 WMS(Web Map Service)服务,继承自 TileLayer。实现基于 Leaflet 的 TileLayer.WMS,可通过 layers(必填)、stylesformattransparentversioncrs 等配置请求参数。

js
import { Map, WMSTileLayer } from "maptalks";

const map = new Map("map", { center: [0, 0], zoom: 2 });

const layer = new WMSTileLayer("wms", {
  urlTemplate: "https://demo.boundlessgeo.com/geoserver/ows",
  crs: "EPSG:3857",
  layers: "ne:ne",
  styles: "",
  version: "1.3.0",
  format: "image/png",
  transparent: true,
  uppercase: true,
}).addTo(map);

构造函数

js
new WMSTileLayer(id, options)

参数:

  • id String 图层 id。
  • options Object WMS 配置项,见下表。

options 配置项

配置名类型描述默认值
serviceStringWMS 服务类型'WMS'
layersString逗号分隔的 WMS 图层列表(必填)''
stylesString逗号分隔的 WMS 样式''
formatStringWMS 图片格式(透明图层用 'image/png''image/jpeg'
transparentBoolean瓦片是否透明false
versionStringWMS 服务版本'1.1.1'
crsString请求所用的坐标参考系,缺省取地图 CRSnull
uppercaseBooleanWMS 请求参数名是否大写false
detectRetinaBoolean视网膜屏下用高分辨率瓦片替换false
widthNumberWMS 请求图片宽度(通常由 tileSize 决定)
heightNumberWMS 请求图片高度(通常由 tileSize 决定)

其余瓦片配置项(urlTemplatetileSizespatialReference 等)见 TileLayer

静态方法

  • WMSTileLayer.fromJSON(layerJSON): WMSTileLayer | null — 从 JSON 还原图层

成员方法

  • getTileUrl(x, y, z): string — 获取瓦片 (x,y,z) 的 WMS 请求 URL

事件

瓦片事件与图层通用事件见 TileLayer / Layer