import * as mars3d from "mars3d"
|
|
export let map // mars3d.Map三维地图对象
|
|
// 需要覆盖config.json中地图属性参数（当前示例框架中自动处理合并）
|
export const mapOptions = function (option) {
|
option.control = {
|
locationBar: false // 当前演示的示例控件-比例尺控件
|
}
|
return option
|
}
|
|
/**
|
* 初始化地图业务，生命周期钩子函数（必须）
|
* 框架在地图初始化完成后自动调用该函数
|
* @param {mars3d.Map} mapInstance 地图对象
|
* @returns {void} 无
|
*/
|
export function onMounted(mapInstance) {
|
map = mapInstance // 记录map
|
|
// 方式2：在创建地球后按需调用addControl添加(直接new对应type类型的控件)
|
const locationBar = new mars3d.control.LocationBar({
|
fps: true,
|
template:
|
"<div>经度:{lng}</div><div>纬度:{lat}</div> <div>海拔：{alt}米</div> <div>层级：{level}</div><div>方向：{heading}度</div> <div>俯仰角：{pitch}度</div><div>视高：{cameraHeight}米</div>"
|
// template: function (locationData) {
|
// let pitch
|
// if (locationData.pitch < 0) {
|
// pitch = '俯视:' + -locationData.pitch
|
// } else {
|
// pitch = '仰视:' + locationData.pitch
|
// }
|
|
// let dfmX = mars3d.Util.formatDegree(locationData.lng)
|
// let dfmY = mars3d.Util.formatDegree(locationData.lat)
|
|
// return ` <div>经度:${locationData.lat} , ${dfmX}</div>
|
// <div>纬度:${locationData.lng} , ${dfmY}</div>
|
// <div>海拔：${locationData.alt}米</div>
|
// <div>方向：${locationData.heading}度</div>
|
// <div>${pitch}度</div>
|
// <div>视高：${locationData.cameraHeight}米</div>`
|
// },
|
})
|
map.addControl(locationBar)
|
}
|
|
/**
|
* 释放当前地图业务的生命周期函数
|
* @returns {void} 无
|
*/
|
export function onUnmounted() {
|
map = null
|
}
|
