arcgis xml 下载切片_arcgis api 4.x for js地图加载arcgisserver本地离线瓦片(附源码下载)...

前言

关于本篇功能实现用到的 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;
}

更多详情以及源码见下面链接：

arcgis api 4.x for js地图加载arcgis server本地离线瓦片(附源码以及测试瓦片数据下载) －小专栏xiaozhuanlan.com

对本专栏感兴趣的话，可以订阅一波

GIS之家作品店铺：GIS之家作品店铺

GIS之家源码咨询：GIS之家webgis入门开发系列demo源代码咨询

arcgis xml 下载切片_arcgis api 4.x for js地图加载arcgisserver本地离线瓦片(附源码下载)...相关推荐

Web 开发中很实用的10个效果【附源码下载】
在工作中,我们可能会用到各种交互效果.而这些效果在平常翻看文章的时候碰到很多,但是一时半会又想不起来在哪,所以养成知识整理的习惯是很有必要的.这篇文章给大家推荐10个在 Web 开发中很有用的效果,记 ...
精选12个时尚的 CSS3 效果【附源码下载】
精选12个时尚的 CSS3 效果[附源码下载] 这里是精选的12个很炫的 CSS3 效果.CSS3 是对 CSS 规范的一个很大的改善和增强,它使得 Web 开发人员可以很容易的在网站中加入时尚的效果 ...
arcgis xml 下载切片_openlayers6结合geoserver利用WFS服务实现图层编辑功能(附源码下载)...
内容概览 1.openlayers6结合geoserver利用WFS服务实现图层编辑功能 2.源代码demo下载效果图如下: 本篇主要是参照openlayers6结合geoserver利用WFS服务 ...
arcgis开发多版本之间如何兼容_arcgis api 4.x for js 结合 react 入门开发系列初探篇（附源码下载）...
你还在使用 JQuery 或者 Dojo 框架开发 arcgis api 4.x for js 吗?想试试模块化开发吗?随着前端技术的发展,arcgis api 4.x for js 也有了结合 re ...
android 原生开发 3d地图下载_arcgis api 3.x for js 入门开发系列二不同地图服务展示（附源码下载）...
前言关于本篇功能实现用到的 api 涉及类看不懂的,请参照 esri 官网的 arcgis api 3.x for js:esri 官网 api,里面详细的介绍 arcgis api 3.x 各个类 ...
cesium 经纬度绘制点_cesium结合geoserver利用WFS服务实现图层新增(附源码下载)
前言 cesium 官网的api文档介绍地址cesium官网api,里面详细的介绍 cesium 各个类的介绍,还有就是在线例子:cesium 官网在线例子,这个也是学习 cesium 的好素材. 内 ...
Qt利用avilib实现录屏功能_openlayers6结合geoserver利用WFS服务实现图层编辑功能(附源码下载)...
内容概览 1.openlayers6结合geoserver利用WFS服务实现图层编辑功能 2.源代码demo下载效果图如下: 本篇主要是参照openlayers6结合geoserver利用WFS服务 ...
vscode中安装webpack_leaflet-webpack 入门开发系列一初探篇（附源码下载）
前言 leaflet-webpack 入门开发系列环境知识点了解: node 安装包下载 webpack 打包管理工具需要依赖 node 环境,所以 node 安装包必须安装,上面链接是官网下载地址w ...
geoserver三维_cesium结合geoserver实现地图空间查询(附源码下载)
前言 cesium 官网的api文档介绍地址cesium官网api,里面详细的介绍 cesium 各个类的介绍,还有就是在线例子:cesium 官网在线例子,这个也是学习 cesium 的好素材. 内 ...

arcgis xml 下载切片_arcgis api 4.x for js地图加载arcgisserver本地离线瓦片(附源码下载)...

前言

arcgis xml 下载切片_arcgis api 4.x for js地图加载arcgisserver本地离线瓦片(附源码下载)...相关推荐

最新文章

热门文章

arcgis xml 下载 切片_arcgis api 4.x for js地图加载arcgisserver本地离线瓦片(附源码下载)...

前言

arcgis xml 下载 切片_arcgis api 4.x for js地图加载arcgisserver本地离线瓦片(附源码下载)...相关推荐

最新文章

热门文章

arcgis xml 下载切片_arcgis api 4.x for js地图加载arcgisserver本地离线瓦片(附源码下载)...

arcgis xml 下载切片_arcgis api 4.x for js地图加载arcgisserver本地离线瓦片(附源码下载)...相关推荐