import * as mars3d from "mars3d"
|
|
export let map // mars3d.Map三维地图对象
|
export let graphicLayer // 矢量图层对象
|
|
let tleArr
|
let drawGraphic
|
let tableList = []
|
|
// 需要覆盖config.json中地图属性参数（当前示例框架中自动处理合并）
|
export const mapOptions = {
|
scene: {
|
center: { lat: 21.105826, lng: 108.202174, alt: 4426845, heading: 0, pitch: -77 },
|
cameraController: {
|
constrainedAxis: false // 解除在南北极区域鼠标操作限制
|
}
|
}
|
}
|
|
export const eventTarget = new mars3d.BaseClass() // 事件对象，用于抛出事件到面板中
|
|
/**
|
* 初始化地图业务，生命周期钩子函数（必须）
|
* 框架在地图初始化完成后自动调用该函数
|
* @param {mars3d.Map} mapInstance 地图对象
|
* @returns {void} 无
|
*/
|
export function onMounted(mapInstance) {
|
map = mapInstance // 记录map
|
|
// 创建矢量数据图层
|
graphicLayer = new mars3d.layer.GraphicLayer()
|
map.addLayer(graphicLayer)
|
|
queryTleChinaApiData()
|
}
|
|
/**
|
* 释放当前地图业务的生命周期函数
|
* @returns {void} 无
|
*/
|
export function onUnmounted() {
|
map = null
|
}
|
|
// 访问后端接口，取数据
|
function queryTleChinaApiData() {
|
mars3d.Util.fetchJson({ url: "//data.mars3d.cn/file/apidemo/tle-china.json" })
|
.then(function (data) {
|
tleArr = data.data
|
console.log("卫星数量：" + tleArr.length)
|
})
|
.catch(function (error) {
|
console.log("加载JSON出错", error)
|
})
|
}
|
|
// 框选查询 矩形
|
|
export function drawRectangle() {
|
map.graphicLayer.clear()
|
map.graphicLayer.startDraw({
|
type: "rectangle",
|
allowDrillPick: true,
|
style: {
|
color: "#ffff00",
|
opacity: 0.2,
|
outline: true,
|
outlineColor: "#ffffff"
|
},
|
success: function (graphic) {
|
drawGraphic = graphic
|
}
|
})
|
}
|
|
// 框选查询 多边
|
export function drawPolygon() {
|
map.graphicLayer.clear()
|
map.graphicLayer.startDraw({
|
type: "polygon",
|
allowDrillPick: true,
|
style: {
|
color: "#ffff00",
|
opacity: 0.2,
|
outline: true,
|
outlineColor: "#ffffff"
|
},
|
success: function (graphic) {
|
drawGraphic = graphic
|
}
|
})
|
}
|
|
// 框选查询 圆
|
export function drawCircle() {
|
map.graphicLayer.clear()
|
map.graphicLayer.startDraw({
|
type: "circle",
|
allowDrillPick: true,
|
style: {
|
color: "#ffff00",
|
opacity: 0.2,
|
outline: true,
|
outlineColor: "#ffffff"
|
},
|
success: function (graphic) {
|
drawGraphic = graphic
|
}
|
})
|
}
|
|
export function drawClear() {
|
map.graphicLayer.clear()
|
drawGraphic = null
|
}
|
|
// 清除效果
|
export function clearResult() {
|
tableList = []
|
map.graphicLayer.clear()
|
}
|
|
//= ===============卫星过境===================================
|
|
// 颜色
|
const pointClr = Cesium.Color.fromCssColorString("#ff0000").withAlpha(0.7)
|
/**
|
*
|
* @export
|
* @param {time} startTimes 开始时间
|
* @param {time} endTimes 结束时间
|
* @returns {void}
|
*/
|
export function startFX(startTimes, endTimes) {
|
if (!drawGraphic) {
|
globalMsg("请先在图上绘制区域")
|
return
|
}
|
|
// 范围相关信息
|
const options = {
|
startTimes: startTimes,
|
endTimes: endTimes,
|
graphic: drawGraphic
|
}
|
|
// 分析卫星位置
|
const newSatelliteArr = [] // 存储飞过指定范围的卫星的数据
|
for (let ind = 0; ind < tleArr.length; ind++) {
|
const item = tleArr[ind]
|
const arr = fxOneSatellite(item, options)
|
|
if (arr.length === 0) {
|
continue
|
}
|
|
item.inAreaPath = arr
|
newSatelliteArr.push(item)
|
}
|
|
showResult(newSatelliteArr)
|
}
|
|
function fxOneSatellite(item, options) {
|
const inAreaPath = []
|
let lastObj = null
|
|
const graphic = options.graphic
|
const startTimes = options.startTimes
|
const endTimes = options.endTimes
|
const step = 10 * 1000 // 插值数
|
|
let nowTime = startTimes
|
|
let position
|
while (nowTime <= endTimes) {
|
// 根据时间计算卫星的位置
|
const position = mars3d.Tle.getEcfPosition(item.tle1, item.tle2, nowTime)
|
if (!position) {
|
break
|
}
|
// 显示点[参考比较结果是否正确]
|
// let timeStr = new Date(nowTime).format("yyyy-MM-dd HH:mm:ss")
|
const primitive = new mars3d.graphic.PointPrimitive({
|
position: position,
|
style: {
|
color: pointClr,
|
pixelSize: 3
|
},
|
attr: item
|
// tooltip: `编号：${item.norad} <br />卫星：${item.name} <br />时间：${timeStr}`
|
})
|
map.graphicLayer.addGraphic(primitive)
|
|
// 判断是卫星否在缓冲区内
|
const isInPoly = graphic.isInPoly(position)
|
|
// console.log(`${item.name},时间：${timeStr},结果：${isInPoly}`);
|
|
if (lastObj && !lastObj.isInPoly && isInPoly) {
|
// 表示进入范围
|
inAreaPath.push({
|
lastPosition: lastObj.position,
|
lastTime: lastObj.time,
|
time: nowTime,
|
position: position,
|
inOrOut: "in"
|
})
|
}
|
|
if (lastObj && lastObj.isInPoly && !isInPoly) {
|
// 表示出范围
|
inAreaPath.push({
|
position: position,
|
lastPosition: lastObj.position,
|
lastTime: lastObj.time,
|
time: nowTime,
|
inOrOut: "out"
|
})
|
break
|
}
|
|
lastObj = {
|
position: position,
|
isInPoly: isInPoly,
|
time: nowTime
|
}
|
nowTime += step
|
}
|
|
if (lastObj && lastObj.isInPoly) {
|
// 表示出范围
|
inAreaPath.push({
|
position: position,
|
lastPosition: lastObj.position,
|
lastTime: lastObj.time,
|
time: nowTime,
|
inOrOut: "out"
|
})
|
}
|
|
return inAreaPath
|
}
|
|
//= ====================结果展示==================================
|
|
function showResult(newSatelliteArr) {
|
// 显示卫星条带
|
|
for (let ind = 0; ind < newSatelliteArr.length; ind++) {
|
const item = newSatelliteArr[ind]
|
const inAreaPath = item.inAreaPath
|
if (inAreaPath.length < 2) {
|
continue
|
}
|
|
let index = 0
|
if (inAreaPath[0].inOrOut === "out") {
|
// 保证从进入 开始计算
|
index = 1
|
}
|
|
for (let i = index; i < inAreaPath.length; i = i + 2) {
|
const positions = []
|
let inTime
|
let outTime
|
if (inAreaPath[i].inOrOut === "in" && inAreaPath[i + 1].inOrOut === "out") {
|
const inAttr = inAreaPath[i]
|
const outAttr = inAreaPath[i + 1]
|
if (inAttr?.lastPosition) {
|
inTime = mars3d.Util.formatDate(new Date(inAttr.lastTime), "yyyy-M-d HH:mm:ss")
|
positions.push(inAttr.lastPosition)
|
}
|
if (outAttr?.position) {
|
positions.push(outAttr.position)
|
outTime = mars3d.Util.formatDate(new Date(outAttr.time), "yyyy-M-d HH:mm:ss")
|
}
|
if (positions.length > 1) {
|
const data = {
|
positions: positions,
|
name: item.name,
|
inTime: inTime,
|
outTime: outTime,
|
often: mars3d.Util.formatTime((outAttr.time - inAttr.lastTime) / 1000),
|
distance: mars3d.MeasureUtil.formatDistance(Cesium.Cartesian3.distance(positions[1], positions[0]))
|
}
|
tableList.push(data)
|
|
eventTarget.fire("dataList", { tableList })
|
|
showCorridor(data)
|
}
|
}
|
}
|
}
|
|
globalMsg("分析完成，共" + tableList.length + "条过境记录")
|
}
|
|
|
function showCorridor(data) {
|
const primitive = new mars3d.graphic.CorridorPrimitive({
|
positions: data.positions,
|
style: {
|
width: 6000,
|
cornerType: Cesium.CornerType.MITERED, // 指定转角处样式
|
color: "#00ff00"
|
}
|
})
|
map.graphicLayer.addGraphic(primitive)
|
|
const inthtml =
|
'<table style="width:280px;">' +
|
'<tr><th scope="col" colspan="4" style="text-align:center;font-size:15px;">信息</th></tr>' +
|
"<tr><td >卫星名称：</td><td >" +
|
data.name +
|
" </td></tr>" +
|
"<tr><td >进入时间：</td><td >" +
|
data.inTime +
|
" </td></tr>" +
|
"<tr><td >飞出时间：</td><td >" +
|
data.outTime +
|
" </td></tr>" +
|
"<tr><td >过境时长：</td><td >" +
|
data.often +
|
" </td></tr>" +
|
"<tr><td >过境距离：</td><td >" +
|
data.distance +
|
" </td></tr>" +
|
"</table>"
|
primitive.bindPopup(inthtml)
|
|
data._graphic = primitive
|
}
|
