请选择 进入手机版 | 继续访问电脑版
分享
查看: 173|回复: 0

[分享] 【森城市】GIS数据漫谈(九)— 地图瓦片(切片)服务

[复制链接]

【森城市】GIS数据漫谈(九)— 地图瓦片(切片)服务

发表于 2022-7-19 16:15:04 来自 分享 阅读模式 倒序浏览
zzv_icon173 zzr_icon0 查看全部
本帖最后由 thisisYXY 于 2022-7-19 16:16 编辑

在之前的内容中我们已经学习了什么是矢量数据、什么是栅格数据,什么是地图服务。在地图服务中,提到了地图瓦片(切片)服务,经常有小伙伴问:你们支持什么标准/规则/类型的地图瓦片(切片)服务?
我们今天就来详细分析一下这个问题。
01
森城市发布的地图瓦片服务
首先,基于森城市发布的地图瓦片服务肯定是支持的。森城市瓦片服务发布支持下列三种方式:• Linux下使用Docker部署后发布(需安装Docker应用容器引擎);• Linux下直接部署发布(不需安装Docker);• Windows或Mac下直接部署发布。
【森城市】GIS数据漫谈(九)— 地图瓦片(切片)服务
02
常见的互联网在线地图
低代码ThingJS 支持常见的互联网在线地图瓦片服务(百度地图除外)。由于百度地图坐标系的坐标原点的特殊性,目前不支持百度地图作为地理底图。如果坐标数据来自于百度地图,数据上传时选择百度坐标系,可以与其他的地理底图进行匹配。
【森城市】GIS数据漫谈(九)— 地图瓦片(切片)服务
低代码在线开发中有修改地图底图的官方示例可供参考。
【森城市】GIS数据漫谈(九)— 地图瓦片(切片)服务
03
ArcGIS地图服务(MapServer)

案例
ArcGIS
熟悉 ArcGIS 的朋友可以看出,在上面的低代码官方示例互联网地图中就有用 ArcGIS Server发布的地图服务(MapServer)。
【森城市】GIS数据漫谈(九)— 地图瓦片(切片)服务
在ThingJS在线开发来观察一个访问ArcGIS发布MapServer的例子,代码如下:
  1. var app = new THING.App();
  2. app.background = [0, 0, 0];  // 设置地图背景为黑色THING.Utils.dynamicLoad(['https://www.thingjs.com/uearth/uearth.min.js'], function () {    // 创建一个地图
  3.     var map = app.create({        type: 'Map'
  4.     });    var url = 'https://services.arcgisonline.com/arcgis/rest/services/World_Topo_Map/MapServer/tile/{z}/{y}/{x}';    // 创建一个瓦片图层
  5.     var tileLayer1 = app.create({        type: 'TileLayer',        id: 'tileLayer1',
  6.         url,
  7.     });    // 将瓦片图添加到地图中
  8.     map.addLayer(tileLayer1);

  9. });
复制代码
【森城市】GIS数据漫谈(九)— 地图瓦片(切片)服务
一般来说,可以通过ArcGIS服务的地址来查看该服务的“元数据”,“元数据”即空间数据的数据,是描述空间数据及相关资料的信息,便于查询和使用有关的数据,比如:
【森城市】GIS数据漫谈(九)— 地图瓦片(切片)服务
这里面的数据信息就不一一介绍了,挑几个比较重要的讲讲。
1.Spatial Reference:空间坐标系

比如上图中 102100(3857)代表什么呢?代表该地图服务所发布的地图瓦片(切片)投影类型Web墨卡托投影,也叫 (Pseudo-Mercator) 伪墨卡托投影或球面墨卡托(Spherical Mercator)。
Web墨卡托投影是一种投影坐标系(Projected Coordinate System),也叫做平面坐标系,在投影坐标系下的坐标单位为米(metre)。
2.Tile Info:瓦片(切片)信息
一般包含单张切片的图片尺寸(Height/Width)、格式(Format)等信息,还包括瓦片的层级数(Levels of Detail),然后就是具体每个层级的分辨率、比例尺。
【森城市】GIS数据漫谈(九)— 地图瓦片(切片)服务
把Level 0、Level 1的瓦片(切片)图拼一拼,可以看出在Web墨卡托投影坐标系下的地图瓦片(切片)的索引组织规律:Z 表示缩放层级,XY 的原点在左上角,X 从左向右,Y 从上向下
【森城市】GIS数据漫谈(九)— 地图瓦片(切片)服务
讲了这么多相信你已经对上面低代码ThingJS官方示例中的这几行url有了进一步的理解。
【森城市】GIS数据漫谈(九)— 地图瓦片(切片)服务
总结:
低代码支持ArcGIS Server发布的地图服务(MapServer)。



工具推荐


森城市:一键生成3D城市,内置多种模板,自由编辑
• 森城市目前提供全国范围内110多个城市的标准三维场景的构建服务,使城市三维场景的构建速度提升至分钟级。
• 森城市支持不同类型城市数据的插入和自动融合,并提供友好而强大的场景编辑能力和性能处理能力,无需具备GIS、建模等专业技能,就可以轻松DIY自己的酷炫城市三维场景。
• 森城市具备开放的城市场景输出能力,无需担心场景后续使用的兼容问题。
低代码ThingJS:低代码灵活开发数字孪生可视化应用
• 低代码ThingJS提供了丰富的3D开发API、完善的开发文档和视频教程,熟悉基础的JavaScript前端知识即可上手数字孪生3D可视化应用开发
• 低代码ThingJS是纯H5的WebGL架构,可在各类主流网页浏览器中自如运行,包括可在移动端直接访问运行。
• 低代码ThingJS提供全生命周期的开发组件,大大提升数字孪生可视化项目开发效率。

avatar
游客~
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

130700ppkpl8x3t7tt1b1t