cesium 图层构建的那些事 （二十一）

对于cesium entiy的增删改查 我们来封装一个layer来统一管理
类似arcgis js 的GraphicLayer

中间数据管理类

import {Layer} from “./Layer”;

export abstract class DataSourceLayer extends Layer {
type: string = “DataSourceLayer”;

protected _addToMap(map: any) {
map.dataSources.add(this.cesiumObj);
}

protected _removeByMap(destroy: boolean = true) {
this.map.dataSources.remove(this.cesiumObj);
this.cesiumObj = null;
}

on(eventName: string, callBacl: Function): this {
return this;
}

off(): this {
return this;
}
}
json序列化工具

/**

将cesium对象json化
*/
export class CesiumToJson {
private static excludes = ["_definitionChanged", "_children", "_propertyNames", "_type_"];
public static entityToJson(entity: any): any {
const option:any = {};
if (!entity) {
return option;
}
for (let key in entity) {
if (!key.startsWith("_")) {
continue;
}
if (this.excludes.indexOf(key) !== -1) {
continue;
}
const value = entity[key];
if (!value) {
continue;
}
if (Object.prototype.toString.call(value) == "[object Function]") {
continue;
}
key = key.substr(1, key.length);

if (key === "material") {
option[key] = this.entityToJson(value);
// 打包可能会引起问题，需要注意（未验证）
option[key].type = value.constructor.name;
continue;
}
if (Object.prototype.toString.call(value) == "[object Object]") {
console.log(key, value);
if (!(Object.prototype.toString.call(value._value) == "[object Undefined]")) {
option[key] = value._value;
} else if (!(Object.prototype.toString.call(value._callback) == "[object Undefined]")) {
// 如果是动态执行方法的，暂时不支持保存，后期想办法解析
continue;
} else {
option[key] = this.entityToJson(value);
}
} else {
option[key] = value;
}
}
return option;
}
public static entitiesToJson(entities: any): any {
return entities.values.map((entity: any) => {
return this.entityToJson(entity);
})
}

 
public static jsonToEntityObj(option: any) {
for (let key in option) {
const value = option[key];
if (key === "material") {
let materialProperty = null;
const type = value.type;
delete value.type;
let material = Cesium[type];
if (material) {
materialProperty = new material();
for (const field in value) {
materialProperty[field] = value[field];
}
}
option[key] = materialProperty;
} else if (Object.prototype.toString.call(value) == "[object Object]") {
this.jsonToEntityObj(value);

 更多参考 https://xiaozhuanlan.com/topic/5836490271