import * as mars3d from "mars3d"
|
|
export let map // mars3d.Map三维地图对象
|
export let graphicLayer // 矢量图层对象
|
|
let rectSensor
|
let testLine
|
|
// 需要覆盖config.json中地图属性参数（当前示例框架中自动处理合并）
|
export const mapOptions = {
|
scene: {
|
center: { lat: 23.729961, lng: 116.284734, alt: 1868672, heading: 355, pitch: -65 },
|
cameraController: {
|
constrainedAxis: false // 解除在南北极区域鼠标操作限制
|
}
|
}
|
}
|
|
|
/**
|
* 初始化地图业务，生命周期钩子函数（必须）
|
* 框架在地图初始化完成后自动调用该函数
|
* @param {mars3d.Map} mapInstance 地图对象
|
* @returns {void} 无
|
*/
|
export function onMounted(mapInstance) {
|
map = mapInstance // 记录map
|
|
// 创建矢量数据图层
|
graphicLayer = new mars3d.layer.GraphicLayer()
|
map.addLayer(graphicLayer)
|
|
// 加个模型
|
const graphic = new mars3d.graphic.ModelEntity({
|
name: "地面站模型",
|
position: [117.170264, 31.840312, 258],
|
style: {
|
url: "//data.mars3d.cn/gltf/mars/leida.glb",
|
scale: 1,
|
minimumPixelSize: 40,
|
clampToGround: true
|
}
|
})
|
graphicLayer.addGraphic(graphic)
|
|
addConicSensor()
|
}
|
|
/**
|
* 释放当前地图业务的生命周期函数
|
* @returns {void} 无
|
*/
|
export function onUnmounted() {
|
map = null
|
}
|
|
// 初始化创建一个四棱锥体
|
function addConicSensor() {
|
// 四棱锥体
|
rectSensor = new mars3d.graphic.RectSensor({
|
position: [117.170264, 31.840312, 363],
|
style: {
|
angle1: 30,
|
angle2: 30,
|
length: 700000,
|
// length: new Cesium.CallbackProperty(function (time) {
|
// length += 100 //测试动态length
|
// return length
|
// }, false),
|
heading: 0,
|
pitch: 40,
|
roll: 0,
|
color: "rgba(0,255,0,0.4)",
|
outline: true,
|
topShow: true,
|
topSteps: 2
|
}
|
})
|
graphicLayer.addGraphic(rectSensor)
|
|
// 测试连接线
|
testLine = new mars3d.graphic.PolylineEntity({
|
positions: new Cesium.CallbackProperty(function (time) {
|
const localEnd = rectSensor.rayPosition
|
if (!localEnd) {
|
return []
|
}
|
return [rectSensor.position, localEnd]
|
}, false),
|
style: {
|
arcType: Cesium.ArcType.NONE,
|
material: mars3d.MaterialUtil.createMaterialProperty(mars3d.MaterialType.PolylineDash, {
|
color: "#ff0000"
|
}),
|
width: 1
|
}
|
})
|
graphicLayer.addGraphic(testLine)
|
}
|
|
// 方向角
|
export function headingChange(value) {
|
rectSensor.heading = value
|
}
|
|
// 俯仰角
|
export function pitchChange(value) {
|
rectSensor.pitch = value
|
}
|
|
// 左右角
|
export function rollChange(value) {
|
rectSensor.roll = value
|
}
|
|
// 夹角1
|
export function angle1(value) {
|
rectSensor.angle1 = value
|
}
|
// 夹角1
|
export function angle2(value) {
|
rectSensor.angle2 = value
|
}
|
|
// 显示/隐藏
|
export function sensorShowHide(val) {
|
rectSensor.show = val
|
testLine.show = val
|
}
|
|
// 顶部显示隐藏
|
export function sensorTop(val) {
|
rectSensor.topShow = val
|
}
|
|
export function sensorLength(val) {
|
rectSensor.length = val
|
}
|
