arcgis api 4.x for js地圖加載arcgis server本地離線瓦片(附源碼以及測試瓦片數據下載)

前言

關於本篇功能實現用到的 api 涉及類看不懂的，請參照 esri 官網的 arcgis api 4.x for js：esri 官網 api，裏面詳細的介紹 arcgis api 4.x 各個類的介紹，還有就是在線例子：esri 官網在線例子，這個也是學習 arcgis api 4.x 的好素材。

前幾天羣裏，有位羣友在諮詢arcgis api 4加載arcgis server本地離線瓦片，好像網上搜索都是arcgis api 3加載的；恰好我今天有空，就測試一下arcgis api 4加載的案例，具體實現參考arcgis api 3加載的例子以及arcgis api 4官網自定義瓦片圖層例子：

• arcgis js api 3.x加載arcgis server發佈的靜態離線切片
• ArcGIS JS 4自定義瓦片圖層例子

實現效果圖以下：

• 部分核心代碼，完整源碼以及瓦片數據下載在文章尾部

var arcgisServerTileLayer = BaseTileLayer.createSubclass({
getTileUrl: function (level, row, col) {
//console.log(level, row, col)
return "http://localhost/arcgis+api+demo/guangzhou/Layers/_alllayers/" +
//return "guangzhou/Layers/_alllayers/" +
"L" + zeroPad(level, 2, 10)+ "/" +
"R" + zeroPad(row, 8, 16) + "/" +
"C" + zeroPad(col, 8, 16) + "." +
"png";
 
},
});
var myTileLayer = new arcgisServerTileLayer();
var map = new Map({
layers: [myTileLayer]
});
 
function zeroPad(num, len, radix){
var str = num.toString(radix || 10);
while (str.length < len) {
str = "0" + str;
}
return str;
}

更多的詳情見小專欄文章：GIS之家小專欄

文章尾部提供源代碼下載，對本專欄感興趣的話，能夠關注一波