欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Cesium多图层添加和删除

程序员文章站 2022-05-27 14:38:18
...

Cesium中的图层分为两种:

  1. 普通图层,包含影像、线划等普通显示图层;
  2. 地形图层,用于真实的模拟地球表面的场景,Cesium会根据加载到的地形瓦片以三维的方式显示出山川、大海等。

cesium在viever对象中提供了imageryLayers属性,可以加载多个图层。

添加图层

  • 叠加图层多次调用就可以了
  • 添加其他已知商业地图的图层或者自定义地图,需要做好CORS
	
	var oneLayer;
	
    addOneLayer(name) {
      oneLayer = this.viewer.imageryLayers.addImageryProvider(
        new Cesium.WebMapServiceImageryProvider({
          url: urlRoot, //图层地址
          layers: name,
          parameters: {
            service: "WMS",
            format: "image/png",
            transparent: true
          }
        })
      )
    }
    

删除图层

  • oneLayer 自己定义的变量名
 	this.viewer.imageryLayers.remove(oneLayer);

删除所有图层

 	this.viewer.imageryLayers.removeall();
相关标签: cesium