import * as mars3d from "mars3d"
|
|
export let map // mars3d.Map三维地图对象
|
export let primitive
|
export const eventTarget = new mars3d.BaseClass() // 事件对象，用于抛出事件到面板中
|
|
/**
|
* 初始化地图业务，生命周期钩子函数（必须）
|
* 框架在地图初始化完成后自动调用该函数
|
* @param {mars3d.Map} mapInstance 地图对象
|
* @returns {void} 无
|
*/
|
export function onMounted(mapInstance) {
|
map = mapInstance // 记录map
|
|
map.fixedLight = true // 固定光照，避免gltf模型随时间存在亮度不一致。
|
addRockets()
|
}
|
|
/**
|
* 释放当前地图业务的生命周期函数
|
* @returns {void} 无
|
*/
|
export function onUnmounted() {
|
map = null
|
}
|
|
let model
|
|
function addRockets() {
|
// // 绑定到UI界面控制参数
|
// const viewModel = {
|
// articulations: [],
|
// stages: [],
|
// selectedArticulation: undefined
|
// }
|
|
// 创建Graphic图层
|
const graphicLayer = new mars3d.layer.GraphicLayer()
|
map.addLayer(graphicLayer)
|
|
primitive = new mars3d.graphic.ModelPrimitive({
|
position: [113.693, 31.243, 220000],
|
style: {
|
url: "//data.mars3d.cn/gltf/sample/launchvehicle/launchvehicle.glb",
|
scale: 20,
|
minimumPixelSize: 128,
|
heading: 0
|
}
|
})
|
graphicLayer.addGraphic(primitive)
|
|
// gltf模型加载完成事件
|
primitive.on(mars3d.EventType.load, (event) => {
|
model = event.model
|
|
// 缩放区域到模型所在位置
|
const controller = map.scene.screenSpaceCameraController
|
const r = 2.0 * Math.max(model.boundingSphere.radius, map.camera.frustum.near)
|
controller.minimumZoomDistance = r * 0.2
|
|
const center = Cesium.Matrix4.multiplyByPoint(model.modelMatrix, Cesium.Cartesian3.ZERO, new Cesium.Cartesian3())
|
const heading = Cesium.Math.toRadians(0.0)
|
const pitch = Cesium.Math.toRadians(-10.0)
|
map.camera.lookAt(center, new Cesium.HeadingPitchRange(heading, pitch, r * 1.5))
|
|
// 设置参数效果
|
model.setArticulationStage("LaunchVehicle Pitch", -60) // 火箭整体Pitch角度
|
model.setArticulationStage("SRBFlames Size", 1) // 助推器火焰大小
|
model.applyArticulations()
|
|
// 读取gltf内的构件信息
|
const articulationsByName = model._runtime.articulationsByName
|
const articulations = Object.keys(articulationsByName).map(function (articulationName) {
|
return {
|
name: articulationName,
|
name_cn: namesCN[articulationName] || articulationName, // 汉化
|
stages: articulationsByName[articulationName].stages.map(function (stage) {
|
const stageModel = {
|
name: stage.name,
|
name_cn: namesCN[stage.name] || stage.name, // 汉化
|
minimum: stage.minimumValue,
|
maximum: stage.maximumValue,
|
current: stage.currentValue
|
}
|
return stageModel
|
})
|
}
|
})
|
console.log("完成gltf内的构件信息读取", articulations)
|
|
eventTarget.fire("loadGltfModel", { articulations })
|
})
|
}
|
|
// 设置参数效果
|
export function setArticulationStage(groupName, stageName, current) {
|
const name = groupName + " " + stageName
|
model.setArticulationStage(name, Number(current))
|
model.applyArticulations()
|
}
|
|
// 汉化属性名称
|
const namesCN = {
|
// 属性分组
|
LaunchVehicle: "火箭整体",
|
Fairing: "整流罩",
|
|
UpperStage: "二级部分",
|
UpperStageEngines: "二级发动机",
|
UpperStageFlames: "二级火焰",
|
|
InterstageAdapter: "级间段",
|
|
Booster: "一级部分",
|
BoosterEngines: "一级发动机",
|
BoosterFlames: "一级火焰",
|
|
SRBs: "助推器",
|
SRBFlames: "助推器火焰",
|
|
// 属性
|
MoveX: "X方向移动",
|
MoveY: "Y方向移动",
|
MoveZ: "Z方向移动",
|
Yaw: "Yaw角度",
|
Pitch: "Pitch角度",
|
Roll: "Roll角度",
|
Size: "大小",
|
Separate: "分离",
|
Drop: "下降",
|
Open: "打开",
|
Rotate: "旋转"
|
}
|
