最近在超图平台进行GIS开发的时候,遇到了图层显隐控制的问题,特地记录一下。
对加载于GIS地图中的图层,实现图层显示和隐藏的单独控制。
GIS平台采用supermap,前端开发选用vue。
图层采用supermap封装的addS3MTilesLayerByScp进行加载。代码如下:
var promise = [];
promise[0] = scene.addS3MTilesLayerByScp("这里是图层的url",{name:"这是图层的名字"});
promise[1] = scene.addS3MTilesLayerByScp("这里是图层的url",{name:"这是图层的名字"});
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; // 将图层隐藏
a.如果知道图层的名称,则可以使用viewer.scene.layers.find方法传入图层的名称,则可以返回图层。
b.如果知道图层的索引,则可以使用viewer.scene.layers.findByIndex方法传入图层的索引,返回图层。
c.如果需要获取有选中对象的那层s3m图层,则可以使用viewer.scene.layers.getSelectedLayer() 方法获取选中对象的那一层s3m图层。