使用TileLayer.Satellite添加衛(wèi)星圖到地圖上。
貼代碼

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

沒有效果

于是看著官網(wǎng)實(shí)例改了一下

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。