> LGL
上篇博客中讲到如何在桌面软件中制作分层分户数据，这篇博客将讲解，如何利用上篇制作的分层分户数据在前端实现分层分户效果（上篇博客链接）
前言
WebGL前端实现分层分户的思路是通过绘制一个贴对象的实体面，并设置贴面显示的最小高程和拉伸高度来实现
（一）前期准备
从上篇博客中，我们发布服务后，主要拿到的参数以下几个：
面数据的数据服务url：http://localhost:8090/iserver/services/data-FCFH/rest/data
倾斜摄影的三维服务url：http://localhost:8090/iserver/services/3D-FCFH/rest/realspace/datas/compressed/config
楼层底部高度字段名称：BOTTOM
楼层高度字段名称：LSG
官网的分层分户示例：http://support.supermap.com.cn:8090/webgl/examples/editor.html#individualInformation
（二）实现步骤和思路
1、场景服务
打开分层分户示例，分别更改打开的场景服务地址和定位的坐标点，如图所示。若没有笛卡尔坐标，只有经纬度坐标，则将destination传入的参数改为new
Cesium.Cartesian3.fromDegrees(x,y,z)
2、doSqlQuery(SQL)函数的数据服务
此函数是用于向数据服务发请求，若请求成功，则执行onQueryComplete函数中的代码，因此需要将查询的数据集和数据服务的改成自己的，数据集参数格式为["数据源名"+"数据集名"]，如下图所示
3、鼠标点击扩展事件
鼠标点击开始执行第二步的doSqlQuery(SQL)函数，传入参数，传入的参数有两层意义
1、${longitude}
> SmSdriW and ${longitude} < SmSdriE and ${latitude} >
SmSdriS and ${latitude} <
SmSdriN`获取到鼠标点击经纬度，查询拾取的经纬度在哪些面范围
2、bottom
< ${height} and ${height} < (bottom +
LSG)获取鼠标点击高度符合哪层高度
综合以上两方面查询到目标面。查询成功便执行onQueryComplete()函数。
4、onQueryComplete()函数中的参数
onQueryComplete从请求成功的结果中，拿到底部高程字段，和拉伸高度，将图片中的BOTTOM和LSG改成自己的底部高程字段名称和拉伸高度名称。
将对应的数值传给Cesium.GroundPrimitive的bottomAltitude和extrudeHeight，这两个参数限制了场景中所有贴面能显示的高度范围，这个参数只能设置一次。
从selectedFeature.geometry.points拿到面节点数据，构造一个面对象实体，并设置贴在S3M模型表面。
结言
由于Cesium.GroundPrimitive只能设置一次的限制，这种贴面效果只能同时设置一个面。若要设置多个，则取消Cesium.GroundPrimitive和
clampToS3M: true的设置，构造一个拉伸的立体的面对象，这样构造出来的分层分户的面没有贴对象的效果。
网友评论