Vue天地图之图层类型切换

Vue项目引入天地图

• 在vue的静态资源目录下的index.html中引入天地图的底图 http://lbs.tianditu.gov.cn/api/js4.0/guide.html
• 在引入了vue项目以后及将需要用到的功能从window对象下赋值给当前项目的Data

<script type="text/javascript" src="http://api.tianditu.gov.cn/api?v=4.0&tk=你申请的key"> 
// 引入天地图底层图



export default {
   
      data () {
   
          return :{
   
              
          }
       },
      mounted(){
   

      var T = window.T;
      var imageURL = 'http://t0.tianditu.gov.cn/img_w/wmts?' +
        'SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles' +
        '&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=你申请的key';
      var lay = new T.TileLayer(imageURL, {
    minZoom: 1, maxZoom: 16 });
      var config = {
    layers: [lay] };

      this.map = new T.Map(