使用TileLayer.Satellite添加衛星圖到地圖上。
貼代碼

var satellite = new AMap.TileLayer.Satellite();this.map = new AMap.Map(this.map_container.nativeElement, {view: new AMap.View2D({//創建地圖二維視口zoom:14, //設置地圖縮放級別rotateEnable: true,showBuildingBlock: true,center: [116.397428, 39.90923],//設置地圖中心點坐標layers: [satellite], //設置圖層,可設置成包含一個或多個圖層的數組mapStyle: 'amap://styles/whitesmoke', //設置地圖的顯示樣式viewMode: '2D', //設置地圖模式lang:'zh_cn', //設置地圖語言類型}),});

沒有效果

于是看著官網實例改了一下

var satellite = new AMap.TileLayer.Satellite();var roadNet = new AMap.TileLayer.RoadNet();this.map = new AMap.Map(this.map_container.nativeElement, {zoom:14, //設置地圖縮放級別rotateEnable: true,showBuildingBlock: true,center: [116.397428, 39.90923],//設置地圖中心點坐標layers: [satellite], //設置圖層,可設置成包含一個或多個圖層的數組mapStyle: 'amap://styles/whitesmoke', //設置地圖的顯示樣式viewMode: '2D', //設置地圖模式lang:'zh_cn', //設置地圖語言類型});

總結

以上是生活随笔為你收集整理的ionic4集成高德地图踩坑（二）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。