ol之天地图加载

ol之天地图加载

天地图的添加使用XYZ的方式添加。代码如下

    // 加载天地图图层
    addTdtLayer (type) {
      let layer = new ol.layer.Tile({
        source: new ol.source.XYZ({
          url: 'http://t' + Math.round(Math.random() * 7) + '.tianditu.com/DataServer?T=' + type + '&tk=12b8ss20f324bd6032c29503972e7c&x={x}&y={y}&l={z}',
          projection: 'EPSG:3857'
        })
      })
      layer.id = type
      return layer
    },
    // 添加天地图
    addTdt () {
      this.map.addLayer(this.addTdtLayer('img_w')) // 天地图影像地图
      this.map.addLayer(this.addTdtLayer('cia_w')) // 天地图影像标注图层
    },

参数type是指图层名称。修改可加载天地图的种类，如矢量图、影像图、标注图层等等。

钻研不易，转载请注明出处、、、、、、