天地图添加自定义图层
这个其实很简单哈,官网给的资料挺详细的,自己去查一下然后直接粘贴过来用就可以了。
添加 WMS 图层
addWMS(layers, url) {
var config = {
version: "1.1.0", //请求服务的版本
layers: layers,
transparent: true, //输出图像背景是否透明
styles: "", //每个请求图层的用","分隔的描述样式
format: "image/png", //输出图像的类型
};
if (wmsLayer) {
map.removeLayer(wmsLayer);
}
wmsLayer = new T.TileLayer.WMS(url, config);
map.addLayer(wmsLayer);
},
// 然后调用
this.addWMS('wjw:test', 'http://localhost:8080/geoserver/wjw/wms')
添加 WMTS 图层
let imageURL = "http://localhost:8080/geoserver/gwc/service/wmts?layer=china%3AL10&style=&tilematrixset=WebMercatorQuad&Service=WMTS&Request=GetTile&Version=1.0.0&Format=image%2Fpng&TileMatrix={z}&TileCol={x}&TileRow={y}"
//创建自定义图层对象
let lay = new T.TileLayer(imageURL, { minZoom: 1, maxZoom: 18 });
//将图层增加到地图上
map.addLayer(lay);