因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
})
}
});
}