高德地圖添加瓦片圖層

1、準備圖層圖片

?

2、將圖片根據使用地圖切割為相應的瓦片

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

也可使用付費工具：MapCutter

下載zip文件，運行exe程序即可

index為演示代碼

index.html運行結果

3、在項目中調用

此代碼是在本地調用，若為線上地址更改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]});

?

?

總結

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

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