openlayers加载天地图矢量注记图层

1.初始化openlayers地图

2.创建天地图矢量注记图层

3.将新建图层添加到地图上

function createCva_w() {

      var source = new XYZ({

        url: 'http://t0.tianditu.com/DataServer?T=cva_w&tk=81b9a9cf3e4be1df181e7bf54c5949fc&x={x}&y={y}&l={z}',

        wrapX: false

      });

      var layer = new TileLayer({

        id: 'tileLayer',

        title: '标注图层',

        layerName: 'baseMap',

        source: source,

        zIndex: 1,

      });

      return layer;

    },

const mapLayer = new TileLayer({

    extent: [-180, -90, 180, 90],

      source: new TileWMS({

       url:  "http://59.220.211.229:8091/mapserver/vmap/54a1268eb0004c08a8c09bfb4da90243/getMAP?x=${x}&y=${y}&l=${z}&styleId=_default__",

        params: {'LAYERS': 'topp:states', 'TILED': true},

      //     // ratio: 1,

          serverType: "mapserver",

        transition: 0,

        })

     });

      let cva_w =createCva_w()

      map.addLayer(cva_w);