SuperMap iClient3D for WebGL 自定义区域影像裁剪

---

前言

在处理影像数据的时候，有时我们可能并不希望修改原始数据，但是在前端加载的时候又有只需要显示某个区域影像的需求，针对这种情况SuperMap iClient3D for WebGL提供了自定义区域影像裁剪的方法，下面就让我们来看看具体是怎么使用的。

---

一、加载影像服务

			var imageryLayers = viewer.imageryLayers;
            var provider_wgs = new Cesium.SuperMapImageryProvider({
                url: URL_CONFIG.SUPERMAP_IMG_WGS //经纬度地图服务
            });
            let tmpLayer = imageryLayers.addImageryProvider(provider_wgs);

二、初始化绘制多边形事件

//绘制多边形
                var handlerPolygon = new Cesium.DrawHandler(viewer, Cesium.DrawMode.Polygon, 0);

三、绘制裁剪面

1、drawEvt监听事件

				handlerPolygon.drawEvt.addEventListener(function (result) {
                    
                });

2、获取绘制时拾取的点位

					var array = [].concat(result.object.positions);
                    var positions = [];
                    for (var i = 0, len = array.length; i < len; i++) {
                        var cartographic = Cesium.Cartographic.fromCartesian(array[i]);
                        var longitude = Cesium.Math.toDegrees(cartographic.longitude);
                        var latitude = Cesium.Math.toDegrees(cartographic.latitude);
                        var h = cartographic.height;
                        if (positions.indexOf(longitude) == -1 && positions.indexOf(latitude) == -1) {
                            positions.push(longitude);
                            positions.push(latitude);
                            positions.push(h);
                        }
                    }

3、裁剪影像

					viewer.scene.globe.addImageryClipRegions({
                        position: positions,
                        layers: [tmpLayer],
                        name: "test"
                    })

---

四、结果