码迷,mamicode.com
首页 > 其他好文 > 详细

ol之天地图加载

时间:2020-04-22 20:00:41      阅读:221      评论:0      收藏:0      [点我收藏+]

标签:url   new   source   参数   and   font   math   span   str   

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

 

 

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

 

ol之天地图加载

标签:url   new   source   参数   and   font   math   span   str   

原文地址:https://www.cnblogs.com/s313139232/p/12714745.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!