cesium 获取圆形边界位置_Cesium圆形波纹效果

因gif截图问题，动画效果看起来不够流畅。

cesium圆形波纹效果.gif

1.调用方法

圆形波纹

let initCesium =new InitCesium();

let viewer = initCesium.initViewer('cesiumContainer', {

});

let img_arcgis=new Cesium.ArcGisMapServerImageryProvider({

name:"img_arcgis",

url:"https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer"

});

let layers= viewer.scene.imageryLayers;

layers.addImageryProvider(img_arcgis);

const data = {

id:"111",

lon:117.286419,

lat:31.864436,

height:0,

};

viewer.scene.camera.setView({

destination: Cesium.Cartesian3.fromDegrees(117.286419,31.864436, 500.0),

})

addCircleWave(data);

function addCircleWave(data) {

viewer.entities.add({

id: data.id,

name:"",

position: Cesium.Cartesian3.fromDegrees(

data.lon,

data.lat,

data.height

),

ellipse: {

height:0,

semiMinorAxis:500,

semiMajorAxis:500,

material:new Cesium.CircleWaveMaterialProperty({

duration:2e3,

gradient:0,

color:new Cesium.Color(1.0, 0.0, 0.0, 1.0),

count:3

})

}

});

}