前言
關于本篇功能實作用到的 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之家小專欄
文章尾部提供源代碼下載，對本專欄感興趣的話，可以關注一波
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/795.html
標籤：GIS
上一篇：leaflet結合turf.js實作繪制圖形緩沖分析buffer(附原始碼下載)
下一篇：百萬點資料矢量切片實時聚合展示