加载一张地图

# OpenLayers 加载 nginx 托管的 ArcGIS 切片文件 ## 一、背景最近遇到一个项目有大约 1000 个切片地图服务要发。然而根据经验，ArcGIS Server 发布的服务超过 100 个之后，稳定性和性能都要受到影响了。项目经费很有限，再加购 ArcGIS Server 有点困难。于是我就想到了一个方法：把地图服务切片做成松散型，然后使用 nginx 托管，前端以 restful 风格去请求切片文件。 ## 二、实现思路 1. OpenLayers 支持使用模板链接加载地图服务。（参考示例 [XYZ Esri](https://openlayers.org/en/v6.15.1/examples/xyz-esri.html)） 2. ArcGIS 发布的服务支持使用“服务地址/z/y/x"（ restful 风格）的形式去请求切片。 3. ArcGIS 发布服务后存储的切片是按照层级存放的。（参考[ArcGIS 切片文件结构解析](https://juejin.cn/post/7309013073171316799)） 4. 将“服务地址/z/y/x"指向切片文件的路径即可取到切片文件来显示地图。 ## 三、实现步骤 ### 1. 先实现加载自己发布的服务。 ```html 加载一张地图

``` 示例 [XYZ Esri](https://openlayers.org/en/v6.15.1/examples/xyz-esri.html) 的代码很简单，但是自己发的服务坐标系和切片方案都比较特别，所以需要额外补充一些代码。 ### 2. 将切片文件使用 nginx 托管。操作步骤略 ### 3. 基于以上代码，改为调用 nginx 托管的切片文件。 ```html 加载一张地图

``` 以上代码关键之处在于（1）服务地址换成了静态文件路径 `http://localhost:8888/EarthG11/图层/_alllayers`。（2）添加了用于将十进制数转为固定长度的字符串的函数 `formatNumberLength`。根据文章 [ArcGIS 切片文件结构解析](https://juejin.cn/post/7309013073171316799)，切片的层级文件夹名为 L + "2位十进制数"；切片的行号文件夹为 R + "8位16进制数"；切片的列号为 C + "8位16进制数"；（3）`ol.source.XYZ` 的参数中添加了 `tileLoadFunction`，用于重新构建切片请求路径。（完）