cesium 图层构建的那些事 （十八）
我门封装倾斜摄影图层
首先看定义
export interface PTile3dLayer{
}
export interface PMaxtrix {
position?:{
x:number, //模型中心X轴坐标（经度，单位：十进制度）
y:number, //模型中心Y轴坐标（纬度，单位：十进制度）
z:number//模型中心Z轴坐标（高程，单位：米）
},
rotate?:{
x:number,//X轴（经度）方向旋转角度（单位：度）
y:number,//Y轴（纬度）方向旋转角度（单位：度）
z:number//Z轴（高程）方向旋转角度（单位：度）
},
scale? :{
x:number,//X轴
y:number,//Y轴
z:number//Z轴
}
}
主类
```javascript
import { Layer } from "../Layer";
import { PMaxtrix } from "./PTile3dLayer";
export class Tile3dLayer extends Layer {
private _tileVisibleCallback: any = null;
private _customShader: any = null;
constructor(option: any) {
super(option.name);
new Cesium.Cesium3DTileset(option).readyPromise.then((tileset: any) => {
this.cesiumObj = tileset;
this.callLoadEndCesiumObj();
});
}
protected _addToMap(map: any) {
map.scene.primitives.add(this.cesiumObj);
}
public autoToGround() {
}
protected _removeByMap(destroy: boolean = true) {
if (this.cesiumObj) {
this.map.scene.primitives.remove(this.cesiumObj);
this.cesiumObj = null;
}
}
private _bindVisibleEvent() {
this._tileVisibleCallback && this._tileVisibleCallback()
this._tileVisibleCallback = this.cesiumObj.tileVisible.addEventListener(
this._updateTile,
this
)
}
private _updateTile(tile: any) {
let content = tile.content
for (let i = 0; i < content.featuresLength; i++) {
let feature = content.getFeature(i)
let model = feature.content._model
if (this._customShader && model && model._sourcePrograms && model._rendererResources) {
Object.keys(model._sourcePrograms).forEach(key => {
let program = model._sourcePrograms[key]
model._rendererResources.sourceShaders[program.fragmentShader] = this._customShader
})
model._shouldRegenerateShaders = true
}
}
}
setPosition(x: number, y: number, z: number) {
const position = Cesium.Cartesian3.fromDegrees(x, y, z);
const modelMatrix = Cesium.Transforms.eastNorthUpToFixedFrame(position);
this.cesiumObj._root.transform = modelMatrix;
更多参考 https://xiaozhuanlan.com/topic/8329645170
