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官网自定义瓦片图层例子:

实现效果图如下:

  • 部分核心代码,完整源码以及瓦片数据下载在文章尾部
复制代码
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之家小专栏

文章尾部提供源代码下载,对本专栏感兴趣的话,可以关注一波

posted @   GIS之家  阅读(2316)  评论(0编辑  收藏  举报
编辑推荐:
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
· .NET Core内存结构体系(Windows环境)底层原理浅谈
· C# 深度学习:对抗生成网络(GAN)训练头像生成模型
· .NET 适配 HarmonyOS 进展
阅读排行:
· 手把手教你更优雅的享受 DeepSeek
· 腾讯元宝接入 DeepSeek R1 模型,支持深度思考 + 联网搜索,好用不卡机!
· AI工具推荐:领先的开源 AI 代码助手——Continue
· 探秘Transformer系列之(2)---总体架构
· V-Control:一个基于 .NET MAUI 的开箱即用的UI组件库
历史上的今天:
2019-08-14 leaflet 结合 Echarts4 实现迁徙图(附源码下载)
点击右上角即可分享
微信分享提示