返回

本视频由 保利威 提供技术支持

如何用WMTS服务地址解决矢量数据加载卡顿?

视频介绍

大家好,欢迎来到GISBox与山海鲸可视化联动系列教程。


有些山海鲸用户在面对一些较大的矢量文件时,会出现导入的矢量数据加载缓慢或卡顿的情况。或者想把矢量数据导入到山海鲸后,查看矢量数据的属性信息。当我们遇到这些情况时,可以先将该矢量文件导入GISBox场景中,并发布成服务,将不同类型的协议地址运用到山海鲸中,这样能很快在山海鲸场景中显示矢量数据。


那本视频就先教大家如何用GISBox 发布WMTS服务并将生成的服务地址应用到山海鲸?助力矢量数据的流畅显示,一键实时查看属性值。


首先,打开GISBox软件,点击场景编辑中的“新建场景”按钮,在“新建场景”的弹框中,点击左侧的“三维场景”模块,并选中右侧的“空白三维场景”,输入“场景名称”,接着点击“确定”按钮。


场景创建成功后,我们将场景切换至2D,点击场景上方Tab栏中的“矢量”,并选择“GEOJSON”,将本地的.geojson文件导入,一般的GeoJSON文件都是带有坐标的,当我们导入时,这里的坐标系会自动识别其坐标。识别后,点击确定,场景中就会出现我们导入的矢量数据。,左侧会显示大量的矢量图层。


在左侧列表中,选中我们导入的矢量,鼠标右键,在弹出的下拉列表中,点击属性表,此时,属性表就会显示在场景下方。接着点击属性表右上方的“添加字段”,依次输入字段名、数据类型、默认值。


我们点击上方的“发布为服务”,服务发布成功后,就会将新的服务添加至服务列表。点击“服务”的下拉框按钮,这里的不同协议类型服务生成的服务地址都是可以应用到山海鲸里的。这里选中WMTS协议,并将生成的协议地址复制。


打开山海鲸可视化,点击“新建”,在“创建新的项目”弹窗左侧选中“GIS和底图”,并选中一个“空白的GIS3D场景”,接着在右下角输入项目名称,完成后点击创建项目。


双击屏幕,进入“鲸孪生”编辑界面,在左侧的组件栏中选中“GIS”,并在资源库下找到影像,点击“导入影像”,在导入影像的弹框中,接入协议选择“标准协议”,此时下方显示就是WMTS协议


接着我们将之前复制的服务地址粘贴进来,软件会自动获取图层、样式、切片矩阵ID以及图片格式的信息。然后直接点击“导入”,由于WMTS为通用地图瓦片协议,兼容性强,采用“预切瓦片”模式,加载速度极快,即使加载全城道路路线、反复放大缩小,也不会出现卡顿,尤其适合高并发场景。


导入场景后,右侧的GIS层列表下就会显示我们所添加的“WMTS影像”,缩小画面,为了看得更加清晰,我先关闭天空中“云”的样式。接着在上方Tab栏中找到“数据”,点击其下拉框,选中“添加数据”,在数据库中选择“内部数据库”进行添加字段名添加。此时,我们回到GISBox中,打开属性表,将属性表中的一行字段名称填入内部数据库中,如果不知道字段的数据类型,可以鼠标左键选中该字段,再右键选中“修改字段”,就可以查看字段类型了。我们回到山海鲸,把属性表中的字段名称都添加进来,并选中对应的字段类型。全部输入后,直接点击下一步,接着点确定。此时我们的数据已经加载完成了。


点击右上角的“退出编辑”,我们可以在看板中添加弹窗和表格,这里我的资产库已经准备好了,大家可以根据自己喜欢样式进行制作,这里就不和大家过多地讲解了。在弹窗的文本框上中输入属性表名称,并快速调整样式,选中表格,在右侧的数据中,将内部数据库中的字段名称都添加到上方的数据字段中。接着适当调整表格样式后,在弹窗的文本框上中输入属性表名称,并快速调整样式,此时大屏中,是我们已经调整好的弹窗和表格。接着切换到鲸孪生界面,在左侧选中我们导入的WMTS影像,在右侧中添加“交互”,动作选择Payload写入内置数据源,数据表就选择我们添加的内部数据库。其他保持不变,点击确定,即可完成表格与内置数据源的交互。为了看得更加清晰,我先关闭天空中云的样式。


我们在这里的弹框中在添加几个“基础单行文本”,分别显示:道路名称、施工日期、施工单位以及施工执行编号。为了实时显示道路名称,我们选中道路名称旁的基础单行文本,在右侧的样式中,找到文本,点击“扩展设置”,选择“生成数据字段”,切换至数据,将内部数据库中的“name”字段拖入到上方的数据字段中,即可完成数据道路名称的实时显示。


双击进入鲸孪生编辑界面,选中左侧的“WMTS影像”,在右侧的交互中添加一个与弹窗的交互,这里的动作选择“控制弹窗”,并选择大屏中的弹窗,操作选择“打开弹窗”,顺序就保持“与上一动作同时”,完成点击确定。


全部设置完成后,我们点击界面右上方的预览按钮,打开至全屏预览模式,我们任意点击场景中的道路,就会弹出一个道路属性表的弹窗,表格中也会显示其对应的属性值。我们关闭弹窗后,再随机点击道路,也是同样会显示出弹窗的。


好了,以上就是本期视频的全部内容了,感谢大家的观看!