vue脚手架中使用高德地图（叠加google地图）

index.html中

gaodeMap.vue

补充：

//高德地图叠加谷歌地图图层

var google = null;

google = new AMap.TileLayer({
           zIndex:70,
           //图块取图地址
            tileUrl:'https://mt{1,2,3,0}.google.cn/vt/lyrs=m@142&hl=zh-CN&gl=cn&x=[x]&y=[y]&z=[z]&s=Galil'  
  });
 google.setMap(map);

//高德地图叠加谷歌卫星地图图层

var googleWX= null;

googleWX = new AMap.TileLayer({
           //图块取图地址
           tileUrl:'https://mt{1,2,3,0}.google.cn/maps/vt?lyrs=s@194&hl=zh-CN&gl=cn&x=[x]&y=[y]&z=[z]'
 });
 googleWX.setMap(map); 

//高德地图叠加高德卫星地图图层

var gdWX= null;

gdWX = new AMap.TileLayer({
            //图块取图地址
           tileUrl:'https://webst{01,02,03,04}.is.autonavi.com/appmaptile?style=6&x=[x]&y=[y]&z=[z]'
 });
  gdWX.setMap(map); 

//移除图层

google.setMap(null);

googleWX.setMap(null);

gdWX.setMap(null); 
--------------------- 
作者：松松面包 
来源：CSDN 
原文：https://blog.csdn.net/songsongmianbao/article/details/50716545 
版权声明：本文为博主原创文章，转载请附上博文链接！