leaflet 加入图层切换

 var vecLayer = this.$utils.map.$L.tileLayer("http://t0.tianditu.gov.cn/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=key", { noWrap: true });
            //天地图矢量注记图层
            var cvaLayer =this.$utils.map.$L.tileLayer("http://t0.tianditu.gov.cn/DataServer?T=cva_w&x={x}&y={y}&l={z}&tk=key", { noWrap: true });
            //天地图影像图层
            var imgLayer = this.$utils.map.$L.tileLayer("http://t0.tianditu.gov.cn/DataServer?T=img_w&x={x}&y={y}&l={z}&tk=key", { noWrap: true });
            //天地图影像注记图层
            var ciaLayer = this.$utils.map.$L.tileLayer("http://t0.tianditu.gov.cn/DataServer?T=cia_w&x={x}&y={y}&l={z}&tk=key", { noWrap: true });
            //矢量图层组
            var vecLayerGroup = L.layerGroup([vecLayer, cvaLayer]);
            //影像图层组
            var imgLayerGroup = L.layerGroup([imgLayer, ciaLayer]);
            //设置图层组
            var baseLayers = {
                "天地图矢量": vecLayerGroup,
                "天地图影像": imgLayerGroup
            };
            //初始时加载矢量图层组
            this.map.addLayer(vecLayerGroup);
            //添加图层组控件
            this.$utils.map.$L.control.layers(baseLayers).addTo(this.map);