cesium 图层构建的那些事 (二十三)
我们来构建视频图层
首先做定义
-
export interface PVideoEntity{
-
name?:string,
-
entity:any,
-
video:any,
-
}
视频构建图层
```javascript
import { PVideoEntity } from './PVideoEntity';
import { Tuple } from "./Tuple";
export class VideoEntity extends Tuple {
type = "VideoEntity";
public video: any;
private _url: string = "";
constructor(option: PVideoEntity) {
super();
this.setVideoDOM(option.video);
this.createEntity(option.entity);
}
set stRotation(value) {
this.cesiumObj.polygon.stRotation = Cesium.Math.toRadians(value)
}
get stRotation() {
return Cesium.Math.toDegrees(this.cesiumObj.polygon.stRotation);
}
set url(value) {
this._url = value;
this.video.src = value;
this.cesiumObj.polygon.material = this.video;
}
get url() {
return this._url;
}
-
set hierarchy(rings: any) {
-
this.cesiumObj.polygon.hierarchy = Cesium.Cartesian3.fromDegreesArray(rings.flat())
-
}
-
get hierarchy() {
-
let cartographic = Cesium.Ellipsoid.WGS84.cartesianToCartographic(this.cesiumObj.polygon.hierarchy);
-
const x = Cesium.Math.toDegrees(cartographic.longitude);
-
const y = Cesium.Math.toDegrees(cartographic.latitude);
-
const z = cartographic.height;
-
return { x, y, z };
-
}
-
-
public addToMap(map: any): this {
-
this.map = map;
-
map.entities.add(this.cesiumObj);
-
this.video.play();
-
return this;
-
}
-
public removeByMap(destroy: boolean = true): this {
-
if (this.cesiumObj) {
-
this.map!.entities.remove(this.cesiumObj);
-
this.video.pause();
-
if (destroy) {
-
this.video.src = "";
-
this.video.load();
-
this.video = null;
-
}
-
this.cesiumObj = null;
-
this.map = null;
-
}
-
return this;
-
}
更多参考 https://xiaozhuanlan.com/topic/0518672394