import * as mars3d from "mars3d"
|
|
export let map // mars3d.Map三维地图对象
|
|
let drawLayer
|
let measure
|
|
// 需要覆盖config.json中地图属性参数（当前示例框架中自动处理合并）
|
export const mapOptions = {
|
control: {
|
homeButton: true,
|
sceneModePicker: true,
|
navigationHelpButton: true,
|
infoBox: false,
|
vrButton: true,
|
fullscreenButton: true,
|
geocoder: true,
|
baseLayerPicker: true,
|
clockAnimate: true, // 时钟动画控制(左下角)
|
timeline: true, // 是否显示时间线控件
|
|
contextmenu: { hasDefault: true }, // 涉及到多语言的模块：右键菜单
|
compass: { top: "10px", left: "5px" },
|
distanceLegend: { left: "180px", bottom: "30px" },
|
locationBar: {
|
fps: true,
|
template:
|
"<div>lng:{lng}</div> <div>lat:{lat}</div> <div>alt：{alt} m</div> <div>level：{level}</div><div>heading：{heading}°</div> <div>pitch：{pitch}°</div><div>cameraHeight：{cameraHeight}m</div>"
|
}
|
},
|
lang: mars3d.LangType.EN // 使用英文
|
}
|
|
export const eventTarget = new mars3d.BaseClass()
|
|
/**
|
* 初始化地图业务，生命周期钩子函数（必须）
|
* 框架在地图初始化完成后自动调用该函数
|
* @param {mars3d.Map} mapInstance 地图对象
|
* @returns {void} 无
|
*/
|
export function onMounted(mapInstance) {
|
map = mapInstance
|
|
map.toolbar.style.bottom = "55px" // 修改toolbar控件的样式
|
|
// 涉及到多语言的模块：标绘提示
|
drawLayer = new mars3d.layer.GraphicLayer({
|
hasEdit: true,
|
isAutoEditing: true // 绘制完成后是否自动激活编辑
|
})
|
map.addLayer(drawLayer)
|
|
drawLayer.bindContextMenu([
|
{
|
text: map.getLangText("_删除"),
|
icon: "fa fa-trash-o",
|
show: (event) => {
|
const graphic = event.graphic
|
if (!graphic || graphic.isDestroy) {
|
return false
|
} else {
|
return true
|
}
|
},
|
callback: function (e) {
|
const graphic = e.graphic
|
if (!graphic) {
|
return
|
}
|
const parent = graphic._parent // 右击是编辑点时
|
drawLayer.removeGraphic(graphic)
|
if (parent) {
|
drawLayer.removeGraphic(parent)
|
}
|
}
|
}
|
])
|
|
// 涉及到多语言的模块：图上量算
|
measure = new mars3d.thing.Measure({
|
// 可设置文本样式
|
label: {
|
color: "#ffffff",
|
font_family: "楷体",
|
font_size: 20,
|
background: false
|
}
|
})
|
map.addThing(measure)
|
}
|
|
/**
|
* 释放当前地图业务的生命周期函数
|
* @returns {void} 无
|
*/
|
export function onUnmounted() {
|
map = null
|
}
|
|
export function distance() {
|
drawLayer.stopDraw()
|
measure.distance()
|
}
|
|
export function area() {
|
drawLayer.stopDraw()
|
measure.area()
|
}
|
|
export function height() {
|
drawLayer.stopDraw()
|
measure.heightTriangle()
|
}
|
|
export function coordinate() {
|
drawLayer.stopDraw()
|
measure.point()
|
}
|
export function angle() {
|
drawLayer.stopDraw()
|
measure.angle()
|
}
|
|
/**
|
*开始标绘
|
*
|
* @export startDraw
|
* @param { string } type 矢量数据类型
|
* @returns {void} 无
|
*/
|
export function startDraw(type) {
|
measure.stopDraw()
|
drawLayer.startDraw({
|
type: type,
|
style: {
|
color: "#00ffff",
|
opacity: 0.6
|
}
|
})
|
}
|
