# 天地图添加自定义图层

天地图添加自定义图层

这个其实很简单哈，官网给的资料挺详细的，自己去查一下然后直接粘贴过来用就可以了。

添加 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);