前提

Tomcat 8.5.38
CesiumLab 2
OpenLayers
JavaScript

{z}/{x}/{y}.png

第一次看见这种切片加载形式是在加载谷歌地图中。也是因为在做项目的时候，无人机飞出来的影像真的是太清晰了，但是也太大了。。。这么清晰的图像，不用可惜了。务必放到地图中！

CesiumLab制作切图

因为这个软件是免费的。就用它的影像切片工具了！
载入从LSV下载的16级邯郸部分影像，

在这里请注意，请务必选择散列文件，如果选择了紧凑。。好像就需要使用CesiumLab自带的发布服务了
切图后，输出的文件夹是这个样子的：

以下是个人对两个JSON的解释

layer.json 放置的是一些图层信息，主要包括：
1. 各个等级的文件夹中包含的图层范围
2. 图像的总体范围
3. 最大最小切片等级
4. 坐标系
5. 切片类型
meta.json 放置的是一些整体的文件的元数据，主要包括：
1. 地图范围
2. 最大最小切片等级
3. 坐标系编码
4. 文件类型（因为是栅格切片，一般都是 image）
5. 是否压缩

个人理解{z}/{x}/{y}.png

首先在这里感谢一位大佬，在百忙之中帮助小弟解答

{z}

在我们切片的结果中，{Z} 可以理解为缩放等级，我们通过两个 json 可以知道，本次切片的等级是从0-18级的，正如我们所看到文件夹的结构可以知道，有0-18 总计19个文件夹，则对应19个Z值。
我们可以自行的打开每个文件夹，发现越向下的文件夹中，包含的图像文件越多

{x} 、 {y}

GIS直觉告诉我，这个是横纵坐标。。。

由此，我们可以用这种方式来加载我们的切片地图了！但是，可想而知，只是当前情况下，如果使用的ArcGIS的切片、GeoWebCache切片，自然是另外一种方式。具体详见另一篇播客：

https://www.jianshu.com/p/a4c1fe2a1e40

接下来，就把整个文件夹复制到 Tomca t的 webApp 下面啦。

个人习惯，发布完总想在网页上来个url试试（注意自己的端口号哈）：

http://localhost:7090/imgcut/handan/15/26792/12788.png

这里并没有使用 {} 个人感觉是OpenLayers会通过{} 自动帮我们添加 xyz 啦。
果然请求到了，15级的某一张影像：

然后我们就可以使用OpenLayers 的模块来加载我们tomcat 发布的切片服务啦

import XYZ from ‘ol/source/XYZ’;

function layer(target) {view = new View({center: transform(center, "EPSG:4326", "EPSG:3857"),zoom: 17,minZoom: 0,maxZoom: 21,})return new Map({layers: [// handan 底图new TileLayer({source: new XYZ({url: http://localhost:7090/imgcut/handan/{z}/{x}/{y}.png})}),new TileLayer({source: new XYZ({url: url.smartbase})})],target: target,view: view})
}

结果

结果当然很开心，灰常流畅的显示
感谢阅读，这也是我第一次在CSDN写博客，也是我第一篇博客。很开心，加油！

OpenLayers 调用 Tomcat 发布的栅格切片服务相关推荐

Google Map API V3调用arcgis发布的瓦片地图服务
由于最近项目需要用到CAD制作的地图,但之前一直使用的是用谷歌离线瓦片地图的方式,怎么样把CAD图像地图一样有缩放,移动的功能放到网页显示成了难题, 原先的谷歌地图的代码难道就不能用了?重新写一套代码 ...
Cesium加载ArcGIS的PBF矢量切片服务
Cesium 加载 ArcGIS 的 PBF 矢量切片服务矢量切片(Vector Tiles) 在 Cesium 中,我们使用的地图服务均为传统的栅格切片服务.即在服务端渲染好图片并进行切片,客户端 ...
OGC 网络数据服务的类型与操作+实现GeoServer软件在Apache+Tomcat的部署+OGC数据服务WMS、WFS和WCS的发布
目录一.OGC网络数据服务的类型与操作二.GeoServer在Apache Tomcat上的部署三.OGC数据服务WMS.WFS和WCS的发布一.OGC网络数据服务的类型与操作 1.OGC是什 ...
Cesium调用Geoserver发布的 WMS、WFS服务
1 GeoServer服务发布 1.1 WMS服务下载GeoServer安装版安装,同时安装geopackage扩展,以备使用.使用XX地图下载器下载地图,导出成GeoPackage地图文件. (1 ...
ArcGIS Maritime 发布海图切片服务详解
本章导读 ArcGIS Maritime 作为ArcGIS海图解决方案,进入行业视野已经有相当一段日子了,每一次更新都给人带来一些惊喜,从最近几个版本来看,已经逐渐趋向成熟,并且提供了好用的工具辅助实 ...
geoserver （三）发布多层级天地图、谷歌地图、高德地图等底图切片服务
arcgis发布多层级的底图切片服务的技术已经相对成熟,但是arcgis不开源,因此最近在研究geoserver, geoserver相对比较轻量,又是开源的软件,感觉也挺好用,就是插件比较多,版本比 ...
ArcGIS Server 注册私有云存储并发布影像切片服务
通过本地发布影像切片服务,但切片缓存在私有云存储中环境配置 ArcGIS Server 1071 ArcGIS desktop1071或Arc GIS Pro 2.4 S3私有云存储注册私有云存储 ...
ArcGIS Server发布地理处理(GP)服务并调用
目录 1.执行模型 2.发布为地理处理服务(GP服务) 3.查看服务测试执行 4.调用服务 1.执行模型新建工具箱新建模型根据情况修改模型执行模型 2.发布为地理处理服务(GP服务) 打开结 ...
openlayers调用高德地图web服务绘制驾车路线规划
openlayers调用高德地图web服务绘制驾车路线规划使用ol.geom.Polygon()函数将坐标点连接成线时,只连接数组中首末两点的坐标,是因为数组中的值并非number类型,需要将其进行 ...

OpenLayers 调用 Tomcat 发布的栅格切片服务

前提