当前位置: 首页 > 工具软件 > s3viewer > 使用案例 >

S3MTilesLayer模型图层显隐控制

宰父宾实
2023-12-01

最近在超图平台进行GIS开发的时候,遇到了图层显隐控制的问题,特地记录一下。

1、需求

对加载于GIS地图中的图层,实现图层显示和隐藏的单独控制。
GIS平台采用supermap,前端开发选用vue。

2、实现方法

2.1图层的加载形式

图层采用supermap封装的addS3MTilesLayerByScp进行加载。代码如下:

var promise = [];
promise[0] = scene.addS3MTilesLayerByScp("这里是图层的url",{name:"这是图层的名字"});
promise[1] = scene.addS3MTilesLayerByScp("这里是图层的url",{name:"这是图层的名字"});

2.2 图层的获取和控制

2.2.1通过Cesium.when

a.上一步加载了两个图层,采用Cesium.when.all返回一个图层数组,通过索引号来获取图层。

Cesium.when.all([promise[0],promise[1]],function(layers){
					var ditu = layers[2];
					ditu.visible = false;  // 将图层隐藏

b.如果是只加载了一个图层的情况下,采用Cesium.when即可获取所有图层。

Cesium.when.all(promise,function(layer){
					var ditu = layers[2];
					ditu.visible = false;  // 将图层隐藏

c. 如果是通过viewer.scene.open打开的场景,则使用Cesium.when返回的是一个图层数组,可以通过索引取图层。

Cesium.when.all(promise,function(layers){
					var ditu = layers[0];
					ditu.visible = false;  // 将图层隐藏

2.2.2通过scene获取

a.如果知道图层的名称,则可以使用viewer.scene.layers.find方法传入图层的名称,则可以返回图层。
b.如果知道图层的索引,则可以使用viewer.scene.layers.findByIndex方法传入图层的索引,返回图层。
c.如果需要获取有选中对象的那层s3m图层,则可以使用viewer.scene.layers.getSelectedLayer() 方法获取选中对象的那一层s3m图层。

 类似资料: