import * as mars3d from "mars3d" export let map // mars3d.Map三维地图对象 let tiles3dLayer export const eventTarget = new mars3d.BaseClass() // 事件对象,用于抛出事件到面板中 /** * 初始化地图业务,生命周期钩子函数(必须) * 框架在地图初始化完成后自动调用该函数 * @param {mars3d.Map} mapInstance 地图对象 * @returns {void} 无 */ export function onMounted(mapInstance) { map = mapInstance // 记录map map.fixedLight = true // 固定光照,避免gltf模型随时间存在亮度不一致。 } /** * 释放当前地图业务的生命周期函数 * @returns {void} 无 */ export function onUnmounted() { map = null removeLayer() } function removeLayer() { if (tiles3dLayer) { map.basemap = 2021 // 切换到默认卫星底图 map.removeLayer(tiles3dLayer, true) tiles3dLayer = null } } // 是否有地形 export function chkHasTerrain(isStkTerrain) { map.hasTerrain = isStkTerrain } // 深度检测 export function chkTestTerrain(val) { map.scene.globe.depthTestAgainstTerrain = val } // 当前页面业务相关 export function showModel(modelUrl) { removeLayer() if (!modelUrl) { return } tiles3dLayer = new mars3d.layer.TilesetLayer({ url: modelUrl, maximumScreenSpaceError: 1, // 高亮时的样式 highlight: { type: mars3d.EventType.click, // 默认为鼠标移入高亮,也可以指定click单击高亮 color: "#00FF00" }, popup: "all", flyTo: true }) map.addLayer(tiles3dLayer) // 加载完成事件 tiles3dLayer.on(mars3d.EventType.load, function (event) { console.log("模型加载完成", event) }) } export function setTranslation(x, y, z) { const translation = Cesium.Cartesian3.fromArray([x, y, z]) tiles3dLayer.tileset.modelMatrix = Cesium.Matrix4.fromTranslation(translation) }