Fuyuu
/
dt-admin-pc-v2
3
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

提交earthObj

master
Fuyuu 12 months ago
parent
e660abd872
commit
3dfea5cd50
1 changed files with 267 additions and 225 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 440
      src/utils/earthMap/earthObj.ts

440
src/utils/earthMap/earthObj.ts
View File

@ -1,7 +1,7 @@
/** /**
* 创建、删除各种标绘元素 * 创建、删除各种标绘元素
*/ */
import earthUtils from "@/utils/earthMap/earth" import earthUtils from '@/utils/earthMap/earth';
// 位置 // 位置
interface Position { interface Position {
@ -19,33 +19,33 @@ interface Position {
* @param name 监控点名称 * @param name 监控点名称
* @param customProp 自定义数据 (JSON) * @param customProp 自定义数据 (JSON)
*/ */
export const addMonitorPin = (pos: number[], name = "0", customProp = ""): unknown => { export const addMonitorPin = (pos: number[], name = '0', customProp = ''): unknown => {
const pin = new window.XE.Obj.Pin(window.$earth); const pin = new window.XE.Obj.Pin(window.$earth);
const objConfig = { const objConfig = {
xbsjType: "Pin", xbsjType: 'Pin',
name: `jkd_${name}`, name: `jkd_${name}`,
position: pos, position: pos,
customProp: customProp, customProp: customProp,
// imageUrl: "./assets/image/camera.png", // imageUrl: "./assets/image/camera.png",
imageUrl: " ", imageUrl: ' ',
far: 2000, //最远可视距离 far: 2000, //最远可视距离
near: 1, near: 1,
pinBuilder: { pinBuilder: {
// extText: "相机名称", // extText: "相机名称",
extText: JSON.parse(customProp).labelName, extText: JSON.parse(customProp).labelName,
extTextFont: "34px 楷体", extTextFont: '34px 楷体',
extTextPixelOffset: [20, -45], extTextPixelOffset: [20, -45],
fillColor: [1, 1, 1, 0.9], fillColor: [1, 1, 1, 0.9],
outlineColor: [0, 0, 0, 0.9] outlineColor: [0, 0, 0, 0.9],
} },
}; };
pin.xbsjFromJSON(objConfig); pin.xbsjFromJSON(objConfig);
//移入移出事件 //移入移出事件
pin.onmouseover = () => { pin.onmouseover = () => {
window.$earth.czm.viewer._container.style.cursor = "pointer"; window.$earth.czm.viewer._container.style.cursor = 'pointer';
}; };
pin.onmouseout = () => { pin.onmouseout = () => {
window.$earth.czm.viewer._container.style.cursor = "default"; window.$earth.czm.viewer._container.style.cursor = 'default';
}; };
//方案二 监听相机与监控点的距离 显示/隐藏图案 //方案二 监听相机与监控点的距离 显示/隐藏图案
@ -63,7 +63,6 @@ export const addMonitorPin = (pos: number[], name = "0", customProp = ""): unkno
// }); // });
// console.log(pin); // console.log(pin);
//方案三 监听相机的高度 显示/隐藏图案 //方案三 监听相机的高度 显示/隐藏图案
// window.XE.MVVM.watch(window.$earth.camera, 'position', (res :any) => { // window.XE.MVVM.watch(window.$earth.camera, 'position', (res :any) => {
// // [2.114222042695852, 0.6632251044444447, 10000000] // // [2.114222042695852, 0.6632251044444447, 10000000]
@ -79,7 +78,7 @@ export const addMonitorPin = (pos: number[], name = "0", customProp = ""): unkno
// }); // });
return pin; return pin;
} };
/** /**
* 创建视域 * 创建视域
@ -108,18 +107,17 @@ export const addViewShed = (pos: number[], rot: number[], near = 1, far = 200, f
// } // }
// viewShed.xbsjFromJSON(objConfig); // viewShed.xbsjFromJSON(objConfig);
// console.log('viewShed',viewShed); // console.log('viewShed',viewShed);
viewShed.name = "视域分析" viewShed.name = '视域分析';
viewShed.position = pos viewShed.position = pos;
viewShed.rotation = rot viewShed.rotation = rot;
viewShed.fovH = window.Cesium.Math.toRadians(fovH) viewShed.fovH = window.Cesium.Math.toRadians(fovH);
viewShed.fovV = window.Cesium.Math.toRadians(fovV) viewShed.fovV = window.Cesium.Math.toRadians(fovV);
viewShed.far = far viewShed.far = far;
viewShed.near = near viewShed.near = near;
viewShed.show = true; viewShed.show = true;
viewShed.ref = "viewshed"; viewShed.ref = 'viewshed';
return viewShed; return viewShed;
} };
/** /**
* 创建视频融合 * 创建视频融合
@ -133,8 +131,8 @@ export const addViewShed = (pos: number[], rot: number[], near = 1, far = 200, f
export const addCameraVideo = (videoUrl: string, pos: number[], rot: number[], fovH: number, fovV: number, near_far = [1, 169.4]): unknown => { export const addCameraVideo = (videoUrl: string, pos: number[], rot: number[], fovH: number, fovV: number, near_far = [1, 169.4]): unknown => {
const cameraVideo = new window.XE.Obj.CameraVideo(window.$earth); const cameraVideo = new window.XE.Obj.CameraVideo(window.$earth);
const objConfig = { const objConfig = {
xbsjType: "CameraVideo", xbsjType: 'CameraVideo',
name: "视频融合", name: '视频融合',
videoUrl: videoUrl, videoUrl: videoUrl,
position: pos, position: pos,
rotation: rot, rotation: rot,
@ -142,41 +140,44 @@ export const addCameraVideo = (videoUrl: string, pos: number[], rot: number[], f
fovV: fovV, fovV: fovV,
far: near_far[1], far: near_far[1],
near: near_far[0], near: near_far[0],
showHelper: false showHelper: false,
} };
cameraVideo.xbsjFromJSON(objConfig); cameraVideo.xbsjFromJSON(objConfig);
return cameraVideo; return cameraVideo;
} };
//创建模型气泡窗 //创建模型气泡窗
export const addGeoPin = (pos: Position = { export const addGeoPin = (
pos: Position = {
// 经度 // 经度
longitude: 0, longitude: 0,
// 纬度 // 纬度
latitude: 0, latitude: 0,
// 高度 // 高度
height: 0, height: 0,
}, lab = { },
lab = {
// 高 // 高
height: 100, height: 100,
// 纬度 // 纬度
width: 150, width: 150,
// 高度 // 高度
fontSize: 25, fontSize: 25,
}, content = ''): any => { },
content = ''
): any => {
const geoPin = new window.XE.Obj.Plots.GeoPin(window.$earth); const geoPin = new window.XE.Obj.Plots.GeoPin(window.$earth);
const objConfig = { const objConfig = {
xbsjType: "GeoPin", xbsjType: 'GeoPin',
name: "气泡窗", name: '气泡窗',
position: [pos.longitude, pos.latitude, pos.height], position: [pos.longitude, pos.latitude, pos.height],
labmodel: [lab.height, lab.width, lab.fontSize], labmodel: [lab.height, lab.width, lab.fontSize],
far: 1073741824, far: 1073741824,
innerHTML: pinName(lab, content) innerHTML: pinName(lab, content),
} };
geoPin.xbsjFromJSON(objConfig); geoPin.xbsjFromJSON(objConfig);
return geoPin; return geoPin;
} };
//修改气泡窗名称 //修改气泡窗名称
// export function pinName ( name: string = '', img: any = `${require('@/assets/image/dialog.png')}`) // export function pinName ( name: string = '', img: any = `${require('@/assets/image/dialog.png')}`)
@ -197,33 +198,28 @@ export function pinName(labmodel: any, name = '', img: any = `${require('@/asset
<div style="display:table;height:85%;width:100%"> <div style="display:table;height:85%;width:100%">
<span style="display:table-cell;text-align:center;vertical-align:middle;font-size:${labmodel.fontSize}px;color:rgba(154,205,255,0.9)">${name}</span> <span style="display:table-cell;text-align:center;vertical-align:middle;font-size:${labmodel.fontSize}px;color:rgba(154,205,255,0.9)">${name}</span>
</div> </div>
</div>` </div>`;
} }
//创建3DTiles //创建3DTiles
export const addTileset = (): void => { export const addTileset = (): void => {
const tileset = new window.XE.Obj.Tileset(window.$earth) const tileset = new window.XE.Obj.Tileset(window.$earth);
const objConfig = { const objConfig = {
ref: "bim_indoor", ref: 'bim_indoor',
czmObject: { czmObject: {
xbsjType: "Tileset", xbsjType: 'Tileset',
name: "indoor", name: 'indoor',
xbsjPosition: [ xbsjPosition: [1.9637768112887974, 0.576622643409596, 0.2],
1.9637768112887974,
0.576622643409596,
0.2
],
xbsjUseOriginTransform: false, xbsjUseOriginTransform: false,
url: "./assets/3dtiles/D/indoor/tileset.json", url: './assets/3dtiles/D/indoor/tileset.json',
} },
} };
tileset.xbsjFromJSON(objConfig); tileset.xbsjFromJSON(objConfig);
} };
//创建漫游路径 //创建漫游路径
export const addRoamPath = (param: any): unknown => { export const addRoamPath = (param: any): unknown => {
let { pathname, positions, rotations, currentspeed, alwaysalongthepath, loopplay } = param let { pathname, positions, rotations, currentspeed, alwaysalongthepath, loopplay } = param;
positions = JSON.parse(positions); positions = JSON.parse(positions);
rotations = JSON.parse(rotations); rotations = JSON.parse(rotations);
@ -231,7 +227,7 @@ export const addRoamPath = (param: any): unknown => {
loopplay = loopplay == 1 ? true : false; loopplay = loopplay == 1 ? true : false;
const path = new window.XE.Obj.Path(window.$earth); const path = new window.XE.Obj.Path(window.$earth);
const objConfig = { const objConfig = {
xbsjType: "Path", xbsjType: 'Path',
name: pathname, name: pathname,
positions, positions,
rotations, rotations,
@ -240,33 +236,42 @@ export const addRoamPath = (param: any): unknown => {
playing: true, playing: true,
loopPlay: loopplay, loopPlay: loopplay,
alwaysAlongThePath: alwaysalongthepath, alwaysAlongThePath: alwaysalongthepath,
} };
path.xbsjFromJSON(objConfig); path.xbsjFromJSON(objConfig);
path.cameraAttached = true; path.cameraAttached = true;
path.currentShow = false; path.currentShow = false;
return path; return path;
} };
//创建指向箭头 //创建指向箭头
export const addArrow = (positions: Array<Array<number>>, imgUrl = "./assets/image/arrow.png") => { export const addArrow = (positions: Array<Array<number>>, imgUrl = './assets/image/arrow.png') => {
const road = new window.XE.Obj.Road(window.$earth) const road = new window.XE.Obj.Road(window.$earth);
const objConfig = { const objConfig = {
xbsjType: "Road", xbsjType: 'Road',
name: "arrow", name: 'arrow',
positions: positions, positions: positions,
width: 5, width: 5,
imageUrl: imgUrl imageUrl: imgUrl,
} };
road.xbsjFromJSON(objConfig); road.xbsjFromJSON(objConfig);
return road return road;
} };
//创建视频图元 //创建视频图元
export const addCustomPrimitive = (lon: number, lat: number, height: number, imgUrl: string, rt = [0, 0, 0], id = '', pathId = '', deviceUid = '', scale = [1, 5, 4]) => { export const addCustomPrimitive = (
lon: number,
lat: number,
height: number,
imgUrl: string,
rt = [0, 0, 0],
id = '',
pathId = '',
deviceUid = '',
scale = [1, 5, 4]
) => {
const cp = new window.XE.Obj.CustomPrimitive(window.$earth); const cp = new window.XE.Obj.CustomPrimitive(window.$earth);
const objConfig = { const objConfig = {
xbsjType: "CustomPrimitive", xbsjType: 'CustomPrimitive',
position: [window.Cesium.Math.toRadians(lon), window.Cesium.Math.toRadians(lat), height], position: [window.Cesium.Math.toRadians(lon), window.Cesium.Math.toRadians(lat), height],
rotation: rt, rotation: rt,
scale, scale,
@ -275,15 +280,15 @@ export const addCustomPrimitive = (lon: number, lat: number, height: number, img
indices: [0, 1, 2, 0, 2, 3], indices: [0, 1, 2, 0, 2, 3],
renderState: { renderState: {
cull: { cull: {
enabled: true enabled: true,
}, },
polygonOffset: {}, polygonOffset: {},
scissorTest: { scissorTest: {
rectangle: {} rectangle: {},
}, },
depthRange: {}, depthRange: {},
depthTest: { depthTest: {
enabled: true enabled: true,
}, },
colorMask: {}, colorMask: {},
depthMask: false, depthMask: false,
@ -294,13 +299,13 @@ export const addCustomPrimitive = (lon: number, lat: number, height: number, img
equationAlpha: 32774, equationAlpha: 32774,
functionSourceRgb: 770, functionSourceRgb: 770,
functionDestinationRgb: 771, functionDestinationRgb: 771,
functionDestinationAlpha: 771 functionDestinationAlpha: 771,
}, },
stencilTest: { stencilTest: {
frontOperation: {}, frontOperation: {},
backOperation: {} backOperation: {},
}, },
sampleCoverage: {} sampleCoverage: {},
}, },
color: [1, 1, 1, 1], color: [1, 1, 1, 1],
canvasWidth: 500, canvasWidth: 500,
@ -312,80 +317,112 @@ export const addCustomPrimitive = (lon: number, lat: number, height: number, img
pathId, pathId,
deviceUid, deviceUid,
// imageUrl: "http://192.168.1.200:8080/live/44040000001320000002@44040000001320000002.m3u8" // imageUrl: "http://192.168.1.200:8080/live/44040000001320000002@44040000001320000002.m3u8"
} };
cp.xbsjFromJSON(objConfig); cp.xbsjFromJSON(objConfig);
return cp; return cp;
} };
// 创建船只贴地图片
export const addShipGroundImg = (lon: number, lat: number, height: number, imgUrl: string, rt: number, trackId: number) => {
const shipGroundImg = new window.XE.Obj.GroundImage(window.$earth);
const objConfig = {
name: `${trackId}号船只`,
trackId,
position: [window.Cesium.Math.toRadians(lon), window.Cesium.Math.toRadians(lat), height],
loopPlay: false,
imageUrls: [imgUrl],
rotation: -(Math.PI / 180) * rt,
ground: false,
};
shipGroundImg.xbsjFromJSON(objConfig);
return shipGroundImg;
};
// 创建船只轨迹
export const addShipTrack = (positions: number[][]) => {
const shipTrack = new window.XE.Obj.Polyline(window.$earth);
const objConfig = {
width: 2.0,
positions,
material: {
type: 'XbsjPolylineDashMaterial',
XbsjPolylineDashMaterial: {
color: [1, 1, 0.03, 1],
},
},
ground: true,
};
shipTrack.xbsjFromJSON(objConfig);
return shipTrack;
};
//创建报警扫描线 //创建报警扫描线
export const addScanline = (pos: number[], radius: number, timeDuration: number): unknown => { export const addScanline = (pos: number[], radius: number, timeDuration: number): unknown => {
const sl = new window.XE.Obj.Scanline(window.$earth); const sl = new window.XE.Obj.Scanline(window.$earth);
const objConfig = { const objConfig = {
xbsjType: "Scanline", xbsjType: 'Scanline',
name: "报警扫描线", name: '报警扫描线',
position: pos, position: pos,
radius: radius, radius: radius,
color: [1, 0.09803921568627451, 0, 1], color: [1, 0.09803921568627451, 0, 1],
timeDuration: timeDuration, timeDuration: timeDuration,
playing: true playing: true,
} };
sl.xbsjFromJSON(objConfig); sl.xbsjFromJSON(objConfig);
return sl; return sl;
} };
//创建属性展示牌 //创建属性展示牌
export const addBillboard = async (pos: number[], rot: number[], type: string, canvas: number[]): Promise<any> => { export const addBillboard = async (pos: number[], rot: number[], type: string, canvas: number[]): Promise<any> => {
const cp = new window.XE.Obj.CustomPrimitive(window.$earth); const cp = new window.XE.Obj.CustomPrimitive(window.$earth);
const objConfig = { const objConfig = {
"position": pos, position: pos,
"rotation": rot, rotation: rot,
"scale": [15, 15, 10], scale: [15, 15, 10],
"positions": [0, -1, 0, 0, 1, 0, 0, 1, 2, 0, -1, 2, 0, 1, 0, 0, -1, 0, 0, -1, 2, 0, 1, 2], positions: [0, -1, 0, 0, 1, 0, 0, 1, 2, 0, -1, 2, 0, 1, 0, 0, -1, 0, 0, -1, 2, 0, 1, 2],
"sts": [0, 0, 1, 0, 1, 1, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1], sts: [0, 0, 1, 0, 1, 1, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1],
"indices": [0, 1, 2, 0, 2, 3, 4, 5, 6, 4, 6, 7], indices: [0, 1, 2, 0, 2, 3, 4, 5, 6, 4, 6, 7],
"renderState": { renderState: {
"cull": { cull: {
"enabled": true enabled: true,
}, },
"polygonOffset": {}, polygonOffset: {},
"scissorTest": { scissorTest: {
"rectangle": {} rectangle: {},
}, },
"depthRange": {}, depthRange: {},
"depthTest": { depthTest: {
"enabled": true enabled: true,
}, },
"colorMask": {}, colorMask: {},
"depthMask": true, depthMask: true,
"blending": { blending: {
"enabled": true, enabled: true,
"color": {}, color: {},
"equationRgb": 32774, equationRgb: 32774,
"equationAlpha": 32774, equationAlpha: 32774,
"functionSourceRgb": 770, functionSourceRgb: 770,
"functionDestinationRgb": 771, functionDestinationRgb: 771,
"functionDestinationAlpha": 771 functionDestinationAlpha: 771,
}, },
"stencilTest": { stencilTest: {
"frontOperation": {}, frontOperation: {},
"backOperation": {} backOperation: {},
}, },
"sampleCoverage": {} sampleCoverage: {},
}, },
"canvasWidth": canvas[0], canvasWidth: canvas[0],
"canvasHeight": canvas[1], canvasHeight: canvas[1],
"autoRegisterEditing": true autoRegisterEditing: true,
} };
cp.xbsjFromJSON(objConfig); cp.xbsjFromJSON(objConfig);
await setDiv(cp, type, canvas); await setDiv(cp, type, canvas);
return cp; return cp;
} };
export function setDiv(p: any, htmlText: string, canvasWH: number[]) { export function setDiv(p: any, htmlText: string, canvasWH: number[]) {
const canvas = window.XE.HTML.div2Canvas(htmlText, { width: canvasWH[0], height: canvasWH[1] }); const canvas = window.XE.HTML.div2Canvas(htmlText, { width: canvasWH[0], height: canvasWH[1] });
canvas.then( canvas.then((ca: any) => {
(ca: any) => {
// console.log(p); // console.log(p);
p.drawCanvas((ctx: any) => { p.drawCanvas((ctx: any) => {
@ -394,9 +431,7 @@ export function setDiv(p: any, htmlText: string, canvasWH: number[]) {
ctx.clearRect(0, 0, canvasWH[0], canvasWH[1]); ctx.clearRect(0, 0, canvasWH[0], canvasWH[1]);
ctx.drawImage(ca, 0, 0); ctx.drawImage(ca, 0, 0);
}); });
} });
)
} }
//创建单体化模型 //创建单体化模型
@ -423,25 +458,35 @@ export const addHCZ = (param: any): unknown => {
//移入事件 //移入事件
cp.onmouseover = (e: any) => { cp.onmouseover = (e: any) => {
e.id.color = JSON.parse(param.color); e.id.color = JSON.parse(param.color);
window.$earth.czm.viewer._container.style.cursor = "pointer"; window.$earth.czm.viewer._container.style.cursor = 'pointer';
}; };
//移出事件 //移出事件
cp.onmouseout = (e: any) => { cp.onmouseout = (e: any) => {
e.id.color = cpColorTP; e.id.color = cpColorTP;
window.$earth.czm.viewer._container.style.cursor = "default"; window.$earth.czm.viewer._container.style.cursor = 'default';
}; };
//点击事件 //点击事件
cp.onclick = () => { cp.onclick = () => {
cp.onmouseover = () => { } cp.onmouseover = () => {};
cp.onmouseout = () => { } cp.onmouseout = () => {};
}; };
return cp; return cp;
} };
export const addCanvas = (lon: number, lat: number, height: number, imgUrl: string, rt = [0, 0, 0], id = '', scale = [1, 5, 4], pathId = '', deviceUid = '') => { export const addCanvas = (
lon: number,
lat: number,
height: number,
imgUrl: string,
rt = [0, 0, 0],
id = '',
scale = [1, 5, 4],
pathId = '',
deviceUid = ''
) => {
const cp = new window.XE.Obj.CustomPrimitive(window.$earth); const cp = new window.XE.Obj.CustomPrimitive(window.$earth);
const objConfig = { const objConfig = {
xbsjType: "CustomPrimitive", xbsjType: 'CustomPrimitive',
position: [lon, lat, height], position: [lon, lat, height],
rotation: rt, rotation: rt,
scale, scale,
@ -450,15 +495,15 @@ export const addCanvas = (lon: number, lat: number, height: number, imgUrl: stri
indices: [0, 1, 2, 0, 2, 3, 4, 5, 6, 4, 6, 7], indices: [0, 1, 2, 0, 2, 3, 4, 5, 6, 4, 6, 7],
renderState: { renderState: {
cull: { cull: {
enabled: true enabled: true,
}, },
polygonOffset: {}, polygonOffset: {},
scissorTest: { scissorTest: {
rectangle: {} rectangle: {},
}, },
depthRange: {}, depthRange: {},
depthTest: { depthTest: {
enabled: true enabled: true,
}, },
colorMask: {}, colorMask: {},
depthMask: false, depthMask: false,
@ -469,13 +514,13 @@ export const addCanvas = (lon: number, lat: number, height: number, imgUrl: stri
equationAlpha: 32774, equationAlpha: 32774,
functionSourceRgb: 770, functionSourceRgb: 770,
functionDestinationRgb: 771, functionDestinationRgb: 771,
functionDestinationAlpha: 771 functionDestinationAlpha: 771,
}, },
stencilTest: { stencilTest: {
frontOperation: {}, frontOperation: {},
backOperation: {} backOperation: {},
}, },
sampleCoverage: {} sampleCoverage: {},
}, },
color: [1, 1, 1, 1], color: [1, 1, 1, 1],
canvasWidth: 500, canvasWidth: 500,
@ -486,10 +531,10 @@ export const addCanvas = (lon: number, lat: number, height: number, imgUrl: stri
id, id,
pathId, pathId,
deviceUid, deviceUid,
} };
cp.xbsjFromJSON(objConfig); cp.xbsjFromJSON(objConfig);
return cp; return cp;
} };
//循环删除所有entity对象 //循环删除所有entity对象
export const deleteAllEntity = (objName: string): void => { export const deleteAllEntity = (objName: string): void => {
const entities = window.$earth.czm.viewer.entities._entities._array; const entities = window.$earth.czm.viewer.entities._entities._array;
@ -499,32 +544,39 @@ export const deleteAllEntity = (objName: string): void => {
i--; i--;
} }
} }
} };
//创建看板 //创建看板
export const productionBoard = (lon: number, lat: number, height: number, imgUrl: string, rt = [0, 0, 0], scale = [1, 5, 4], canvas: number[] = [521, 298]) => { export const productionBoard = (
lon: number,
lat: number,
height: number,
imgUrl: string,
rt = [0, 0, 0],
scale = [1, 5, 4],
canvas: number[] = [521, 298]
) => {
const cp = new window.XE.Obj.CustomPrimitive(window.$earth); const cp = new window.XE.Obj.CustomPrimitive(window.$earth);
const objConfig = { const objConfig = {
xbsjType: "CustomPrimitive", xbsjType: 'CustomPrimitive',
position: [window.Cesium.Math.toRadians(lon), window.Cesium.Math.toRadians(lat), height], position: [window.Cesium.Math.toRadians(lon), window.Cesium.Math.toRadians(lat), height],
rotation: rt, rotation: rt,
scale, scale,
name: "看板", name: '看板',
positions: [0, -1, 0, 0, 1, 0, 0, 1, 2, 0, -1, 2, 0, 1, 0, 0, -1, 0, 0, -1, 2, 0, 1, 2], positions: [0, -1, 0, 0, 1, 0, 0, 1, 2, 0, -1, 2, 0, 1, 0, 0, -1, 0, 0, -1, 2, 0, 1, 2],
sts: [0, 0, 1, 0, 1, 1, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1], sts: [0, 0, 1, 0, 1, 1, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1],
indices: [0, 1, 2, 0, 2, 3, 4, 5, 6, 4, 6, 7], indices: [0, 1, 2, 0, 2, 3, 4, 5, 6, 4, 6, 7],
renderState: { renderState: {
cull: { cull: {
enabled: true enabled: true,
}, },
polygonOffset: {}, polygonOffset: {},
scissorTest: { scissorTest: {
rectangle: {} rectangle: {},
}, },
depthRange: {}, depthRange: {},
depthTest: { depthTest: {
enabled: true enabled: true,
}, },
colorMask: {}, colorMask: {},
depthMask: false, depthMask: false,
@ -535,24 +587,23 @@ export const productionBoard = (lon: number, lat: number, height: number, imgUrl
equationAlpha: 32774, equationAlpha: 32774,
functionSourceRgb: 770, functionSourceRgb: 770,
functionDestinationRgb: 771, functionDestinationRgb: 771,
functionDestinationAlpha: 771 functionDestinationAlpha: 771,
}, },
stencilTest: { stencilTest: {
frontOperation: {}, frontOperation: {},
backOperation: {} backOperation: {},
}, },
sampleCoverage: {} sampleCoverage: {},
}, },
color: [1, 1, 1, 1], color: [1, 1, 1, 1],
canvasWidth: canvas[0], canvasWidth: canvas[0],
canvasHeight: canvas[1], canvasHeight: canvas[1],
autoRegisterEditing: true, autoRegisterEditing: true,
imageUrl: imgUrl, imageUrl: imgUrl,
};
}
cp.xbsjFromJSON(objConfig); cp.xbsjFromJSON(objConfig);
return cp; return cp;
} };
//创建防区 //创建防区
export const defenceArea = (positions: any, color: number[], height = 3, loop = false, fenceId?: string): any => { export const defenceArea = (positions: any, color: number[], height = 3, loop = false, fenceId?: string): any => {
const dc = new window.XE.Obj.CustomPrimitive.createDynamicCountour({ const dc = new window.XE.Obj.CustomPrimitive.createDynamicCountour({
@ -568,38 +619,33 @@ export const defenceArea = (positions: any, color: number[], height = 3, loop =
if (fenceId) dc.customProp = fenceId; if (fenceId) dc.customProp = fenceId;
//移入移出事件 //移入移出事件
dc.onmouseover = () => { dc.onmouseover = () => {
window.$earth.czm.viewer._container.style.cursor = "pointer"; window.$earth.czm.viewer._container.style.cursor = 'pointer';
}; };
dc.onmouseout = () => { dc.onmouseout = () => {
window.$earth.czm.viewer._container.style.cursor = "default"; window.$earth.czm.viewer._container.style.cursor = 'default';
}; };
//这2句代码应该可以不用 //这2句代码应该可以不用
//dc.setStartTime(Math.random()); //dc.setStartTime(Math.random());
//dc.setFPS(120 * Math.random()); //dc.setFPS(120 * Math.random());
return dc; return dc;
} };
//创建3D模型 //创建3D模型
export const addModel = ( export const addModel = (name: string, url: string, options: any = {}, hasMouseOver: boolean = true): void => {
name: string, const tileset = new window.XE.Obj.Model(window.$earth);
url: string,
options: any = {},
hasMouseOver: boolean= true
): void => {
const tileset = new window.XE.Obj.Model(window.$earth)
// 创建一个Model对象 // 创建一个Model对象
const objConfig = { const objConfig = {
xbsjType: "Model", xbsjType: 'Model',
name: name, name: name,
url: url, url: url,
id: options.id || name, id: options.id || name,
xbsjPosition: options.xbsjPosition || [0,0,0], xbsjPosition: options.xbsjPosition || [0, 0, 0],
xbsjRotation: options.xbsjRotation || [0,0,0], xbsjRotation: options.xbsjRotation || [0, 0, 0],
xbsjScale: options.xbsjScale || [1,1,1], xbsjScale: options.xbsjScale || [1, 1, 1],
distanceDisplayCondition: options.distanceDisplayCondition, distanceDisplayCondition: options.distanceDisplayCondition,
luminanceAtZenith: options.luminanceAtZenith, luminanceAtZenith: options.luminanceAtZenith,
maximumScale: options.maximumScale, maximumScale: options.maximumScale,
color: options.color || [1,1,1], color: options.color || [1, 1, 1],
show: options.show || true, show: options.show || true,
}; };
tileset.xbsjFromJSON(objConfig); tileset.xbsjFromJSON(objConfig);
@ -618,17 +664,16 @@ export const addModel = (
// } // }
return tileset return tileset;
} };
// 创建管控区域 // 创建管控区域
export const addKeyControlArea = (name: string, image: string, height: number, positions: number[][], loop: boolean): any => { export const addKeyControlArea = (name: string, image: string, height: number, positions: number[][], loop: boolean): any => {
if (!name) { if (!name) {
name = 'defaultKeyControlAreaName' name = 'defaultKeyControlAreaName';
} }
// 位置信息格式转换 // 位置信息格式转换
const positionList: number[] = [] const positionList: number[] = [];
positions.map((item: number[]) => { positions.map((item: number[]) => {
positionList.push(earthUtils.radianToDegree(item[0])); positionList.push(earthUtils.radianToDegree(item[0]));
positionList.push(earthUtils.radianToDegree(item[1])); positionList.push(earthUtils.radianToDegree(item[1]));
@ -644,8 +689,8 @@ export const addKeyControlArea = (name: string, image: string, height: number, p
const guid = window.Cesium.createGuid(); const guid = window.Cesium.createGuid();
const material = d3Kit.getCustomMaterialWall({ const material = d3Kit.getCustomMaterialWall({
image: image, image: image,
freely: "vertical", freely: 'vertical',
direction: "+", direction: '+',
count: 1, count: 1,
color: new window.Cesium.Color(0, 0, 0, 0), color: new window.Cesium.Color(0, 0, 0, 0),
duration: 1000, duration: 1000,
@ -657,9 +702,9 @@ export const addKeyControlArea = (name: string, image: string, height: number, p
positions: window.Cesium.Cartesian3.fromDegreesArrayHeights(positionList), positions: window.Cesium.Cartesian3.fromDegreesArrayHeights(positionList),
material: material, material: material,
}, },
} };
return window.$earth.czm.viewer.entities.add(entitiesOptions) return window.$earth.czm.viewer.entities.add(entitiesOptions);
} };
/** /**
* 新建 Pin * 新建 Pin
@ -680,43 +725,40 @@ export const addPin = (name, url, options) => {
position: options.position, position: options.position,
pinBuilder: options.pinBuilder, pinBuilder: options.pinBuilder,
scale: options.scale, scale: options.scale,
} };
if(options.far){ if (options.far) {
objConfig.far = options.far objConfig.far = options.far;
} }
pin.xbsjFromJSON(objConfig); pin.xbsjFromJSON(objConfig);
return pin; return pin;
} };
//雷达扫描范围 //雷达扫描范围
export const addViewShedRadar = (pos, far = 60,left=-30,right=30,rgba=[0, 1, 0, 0.5]) => { export const addViewShedRadar = (pos, far = 60, left = -30, right = 30, rgba = [0, 1, 0, 0.5]) => {
// olon，olat，分别是圆心的经纬度，radius是半径，angle是角度，从正北方向顺时针开始。 // olon，olat，分别是圆心的经纬度，radius是半径，angle是角度，从正北方向顺时针开始。
let olon: any = window.Cesium.Math.toDegrees(pos[0]); let olon: any = window.Cesium.Math.toDegrees(pos[0]);
let olat: any = window.Cesium.Math.toDegrees(pos[1]); let olat: any = window.Cesium.Math.toDegrees(pos[1]);
let fromDegreesArray: any = []; let fromDegreesArray: any = [];
//角度切换 //角度切换
for (let i = left; i < right;) { for (let i = left; i < right; ) {
i += 0.01; i += 0.01;
let clon = far * Math.sin(i * Math.PI / 180); let clon = far * Math.sin((i * Math.PI) / 180);
let clat = far * Math.cos(i * Math.PI / 180); let clat = far * Math.cos((i * Math.PI) / 180);
let ec = 6356725 + (6378137 - 6356725) * (90 - olat) / 90; let ec = 6356725 + ((6378137 - 6356725) * (90 - olat)) / 90;
let ed = ec * Math.cos(olat * Math.PI / 180); let ed = ec * Math.cos((olat * Math.PI) / 180);
let jlon = (clon / ed + olon * Math.PI / 180) * 180 / Math.PI; let jlon = ((clon / ed + (olon * Math.PI) / 180) * 180) / Math.PI;
let jlat = (clat / ec + olat * Math.PI / 180) * 180 / Math.PI; let jlat = ((clat / ec + (olat * Math.PI) / 180) * 180) / Math.PI;
fromDegreesArray.push(jlon, jlat); fromDegreesArray.push(jlon, jlat);
} }
fromDegreesArray.push(olon, olat); fromDegreesArray.push(olon, olat);
return window.$earth._viewer.entities.add({ return window.$earth._viewer.entities.add({
name: "雷达扫描范围", name: '雷达扫描范围',
polygon: { polygon: {
hierarchy: window.Cesium.Cartesian3.fromDegreesArray( hierarchy: window.Cesium.Cartesian3.fromDegreesArray(fromDegreesArray),
fromDegreesArray
),
//颜色透明度 //颜色透明度
material: new window.Cesium.Color(rgba[0], rgba[1], rgba[2], rgba[3]), material: new window.Cesium.Color(rgba[0], rgba[1], rgba[2], rgba[3]),
zIndex:11111 zIndex: 11111,
} },
}) });
} };

Write Preview
Loading…
Cancel
Save