高德地圖添加瓦片圖層

1、準(zhǔn)備圖層圖片

?

2、將圖片根據(jù)使用地圖切割為相應(yīng)的瓦片

工具：高德切圖工具 地址：高德地圖切圖工具: 高德地圖切圖工具

也可使用付費(fèi)工具：MapCutter

下載zip文件，運(yùn)行exe程序即可

index為演示代碼

index.html運(yùn)行結(jié)果

3、在項(xiàng)目中調(diào)用

此代碼是在本地調(diào)用，若為線上地址更改getTileUrl的地址即可。

var googleMapLayer = new AMap.TileLayer({getTileUrl: 'tiles/[z]/tile-[x]_[y].png',opacity: 1,zIndex: 99,});var map = new AMap.Map('container', {resizeEnable: true,center: [125.029449462891, 43.9982109069824],zoom: 15,layers: [new AMap.TileLayer(),googleMapLayer]});

?

?

總結(jié)

以上是生活随笔為你收集整理的高德地图添加瓦片图层的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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