|
06 XYZ瓦片 观察一下在低代码API中给瓦片图层设置的url，可以发现长相有些类似，都是{x} 、{y} 、{z} 作为“占位符”去替换实际请求的瓦片地址。 - http://webst01.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}
-
- http://a.tile.thunderforest.com/cycle/{z}/{x}/{y}.png
-
- http://services.arcgisonline.com/arcgis/rest/services/World_Imagery/MapServer/WMTS/tile/1.0.0/World_Imagery/default/GoogleMapsCompatible/{z}/{y}/{x}.jpg
-
- https://services.arcgisonline.com/arcgis/rest/services/World_Topo_Map/MapServer/WMTS?Service=WMTS&Request=GetTile&Version=1.0.0&Layer=World_Topo_Map&Style=default&Format=jpg&TileMatrixSet=default028mm&TileMatrix={z}&TileRow={y}&TileCol={x}
所以又把这种形式的 url 叫做 XYZ 瓦片（切片），如果用过QGIS的话可以尝试在QGIS中通过 XYZ Tiles 加载。比如有时候我们看到一个url不知道它是哪种“标准”的地图服务，但能用类似的XYZ这种形式表达，那么也可以去试一试它能否加载。例如： - http://support.supermap.com:8090/iserver/services/maps/rest/maps/World/zxyTileImage.png?z={z}&x={x}&y={y}
再比如 MapBox 的 Raster Tiles。 瓦片索引规则那是不是所有XYZ形式的都可以加载呢？答案是：不是的。比如，百度的瓦片也是XYZ，但它的 XY 原点在经度为0纬度为0的位置，X 从左向右，Y 从下向上。所以百度的瓦片不能加载。 那什么样的可以加载呢？ 如果从XYZ瓦片的索引组织规则来看，以下几种类别的可以加载： 谷歌XYZZ 表示缩放层级，XY 的原点在左上角，X 从左向右，Y 从上向下，且瓦片的坐标系为Web墨卡托投影坐标系。 在实际应用中通过url进行访问的时候，有时候需要注意xyz的顺序，比如前面看到的ArcGIS 发布的 MapServer是{z}/{y}/{x}。而 OSM（OpenStreetMap）的则是{z}/{x}/{y}。 所以这种在API里给TileLayer设置url的形式可能为： - ……/{z}/{y}/{x}[.Format]
-
- ……/{z}/{x}/{y}[.Format]
TMS前面已经提到了 ，Z 表示缩放层级，XY 的原点在左下角，X 从左向右，Y 从下向上。 那么这种在uearth里给TileLayer设置url的形式基本为： ……/{z}/{x}/{reverseY}[.Format]项目中可能遇到的一种情况就是有时候用XXX下载软件下了瓦片图，比如下图： 下载标准TMS瓦片，也选择了正确的坐标投影。下载下来的切片直接当“静态图片资源”，随便用个Web服务器发布（Nginx、Apache、Tomcat、IIS……）。 比如就用个Tomcat扔进去，在低代码中也可以加载。那有人可能会问，那如果下面的我选其他的行不行呢？比如：ArcGIS Server 瓦片、ArcGIS Bundle 紧凑型瓦片。答案是，不一定。准确说是如果把下载下来的瓦片图直接当做“静态资源”访问的话不可以。因为直接下载下来的资源未必是按照XYZ的形式组织文件目录和文件（夹）名的，瓦片文件类型也未必是图片类型。比如，ArcGIS Server 瓦片下载下来的文件目录结构如下： ArcGIS Bundle 紧凑型瓦片下载下来的文件目录结构如下：这种情况下就需要有能把他们转成能通过谷歌XYZ或 TMS瓦片索引规则的url进行访问的服务。总结： 低代码目前支持的地图瓦片（切片）： 1.支持ThingMap发布的地图瓦片服务 2.支持常见的互联网在线地图瓦片服务（百度地图除外） 3.支持ArcGIS发布的地图服务（MapServer） 4.支持OGC标准的 WMTS 地图瓦片服务
5.支持OSGeo标准的 TMS 地图瓦片服务 6.支持符合谷歌XYZ、TMS瓦片索引组织形式的XYZ瓦片服务
针对上述几点，有以下注意事项： 1.地图瓦片服务的坐标系目前仅支持Web墨卡托投影坐标系（EPSG:3857） 2.如果是标准的TMS规则，那么url中用{reverseY}作为“占位符” 例如：……/{z}/{x}/{reverseY}.png 3.上述瓦片均为图片类型切片，一般为 jpg/png 图片格式 ，暂不支持矢量切片 VectorTile（如 Mapbox 的 mvt ）。
工具推荐
森城市：一键生成3D城市，内置多种模板，自由编辑 • 森城市目前提供全国范围内110多个城市的标准三维场景的构建服务，使城市三维场景的构建速度提升至分钟级。 • 森城市支持不同类型城市数据的插入和自动融合，并提供友好而强大的场景编辑能力和性能处理能力，无需具备GIS、建模等专业技能，就可以轻松DIY自己的酷炫城市三维场景。 • 森城市具备开放的城市场景输出能力，无需担心场景后续使用的兼容问题。
低代码ThingJS：低代码灵活开发数字孪生可视化应用 • 低代码ThingJS提供了丰富的3D开发API、完善的开发文档和视频教程，熟悉基础的JavaScript前端知识即可上手数字孪生3D可视化应用开发。 • 低代码ThingJS是纯H5的WebGL架构，可在各类主流网页浏览器中自如运行，包括可在移动端直接访问运行。 • 低代码ThingJS提供全生命周期的开发组件，大大提升数字孪生可视化项目开发效率。
| 
2748
0
