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是指图层名称。修改可加载天地图的种类，如矢量图、影像图、标注图层等等。

 

 

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