import * as mars3d from "mars3d" export let map let graphic // 需要覆盖config.json中地图属性参数(当前示例框架中自动处理合并) export const mapOptions = { scene: { center: { lat: 25.389914, lng: 119.084961, alt: 1179575, heading: 346, pitch: -60 } } } /** * 初始化地图业务,生命周期钩子函数(必须) * 框架在地图初始化完成后自动调用该函数 * @param {mars3d.Map} mapInstance 地图对象 * @returns {void} 无 */ export function onMounted(mapInstance) { map = mapInstance // 记录map const graphicLayer = new mars3d.layer.GraphicLayer() map.addLayer(graphicLayer) graphic = new mars3d.graphic.EllipsoidEntity({ position: [107.39956, 29.719738, 100.9], style: { radii: new Cesium.Cartesian3(2500.0, 2500.0, 1000.0), maximumConeDegree: 90, // 半球 fill: false, subdivisions: 64, stackPartitions: 32, slicePartitions: 32, outline: true, outlineColor: Cesium.Color.YELLOW, // 高亮时的样式(默认为鼠标移入,也可以指定type:'click'单击高亮),构造后也可以openHighlight、closeHighlight方法来手动调用 highlight: { outlineColor: Cesium.Color.RED } }, // 添加扫描面 scanPlane: { step: 0.5, // 步长 style: { color: "#ffff00", opacity: 0.4 } } }) graphicLayer.addGraphic(graphic) } /** * 释放当前地图业务的生命周期函数 * @returns {void} 无 */ export function onUnmounted() { map = null } // **************************** 景点视角演示********************** // export function changeView1() { map.setCameraView({ lat: 39.904128, lng: 116.391643, alt: 1054, heading: 0, pitch: -39 }) } export function changeView2() { map.setCameraView({ lat: 28.13059, lng: 86.835138, alt: 7627, heading: 148, pitch: -7 }) } export function changeView3() { map.setCameraView({ lat: 34.560392, lng: 110.052393, alt: 1724, heading: 171, pitch: -5 }) } export function changeView4() { map.setCameraView({ lat: 30.83463, lng: 115.86774, alt: 710, heading: 303, pitch: -7 }) } // **************************** 相机和视角控制********************** // export function mapGetCameraView() { const camera = map.getCameraView() globalAlert(JSON.stringify(camera), "当前视角参数") } export function mapSetCameraView() { map.setCameraView({ lat: 26.8764, lng: 91.148781, alt: 223798, heading: 0, pitch: -45 }) } export function mapSetCameraViewList() { // 视角切换(分步执行), stop设置停留在该视角的时间 map.setCameraViewList([ { lng: 108.961601, lat: 34.217109, alt: 509.2, heading: 314.5, pitch: -22.5, duration: 8, stop: 0 }, { lng: 108.96164, lat: 34.222159, alt: 510.3, heading: 211.2, pitch: -22.5, duration: 5, stop: 0 }, { lng: 108.957259, lat: 34.221967, alt: 494.3, heading: 127.5, pitch: -17.2, duration: 5, stop: 0 }, { lng: 108.957319, lat: 34.217225, alt: 515.5, heading: 25.4, pitch: -25.3, duration: 5 } ]) } export function mapFlyHome() { map.flyHome() } export function mapFlyToGraphic() { map.flyToGraphic(graphic, { radius: 10000 }) } export function mapFlyToExtent() { map.flyToExtent({ xmin: 114.811691, xmax: 119.703609, ymin: 29.35597, ymax: 34.698585 }) } export function mapFlyToPositions() { map.flyToPositions([ [114.031965, 36.098482, 332.8], [114.038309, 36.089496, 267.6], [114.048026, 36.093311, 255.7], [114.041602, 36.102055, 377.5] ]) } export function mapFlyToPoint() { map.flyToPoint([113.939351, 36.068144, 350.9]) } export function mapCancelFlyTo() { map.cancelFlyTo() }