openlayers+vue加载各种地图

---

一、天地图

      // 天地图影像
      let map_img = new TileLayer({
        source: new XYZ({
          url: "https://t6.tianditu.gov.cn/DataServer?T=img_w&x={x}&y={y}&l={z}&tk="+token,
        }),
      });
      // 天地图影像文字注记
      let map_cta1 = new TileLayer({
        source: new XYZ({
          url: "http://t4.tianditu.com/DataServer?T=cia_w&x={x}&y={y}&l={z}&tk="+token,
        }),
      });
      // 天地图矢量
      let map_vec = new TileLayer({
        source: new XYZ({
          url: "http://t4.tianditu.com/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk="+token,
        }),
      });
      // 天地图矢量文字注记
      let map_cta1 = new TileLayer({
        source: new XYZ({
          url: "http://t4.tianditu.com/DataServer?T=cva_w&x={x}&y={y}&l={z}&tk="+token,
        }),
      });