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