import * as mars3d from "mars3d"
|
|
export let map // mars3d.Map三维地图对象
|
let sightline
|
|
// 需要覆盖config.json中地图属性参数（当前示例框架中自动处理合并）
|
export const mapOptions = {
|
scene: {
|
center: { lat: 30.715648, lng: 116.300527, alt: 10727, heading: 3, pitch: -25 }
|
}
|
}
|
|
/**
|
* 初始化地图业务，生命周期钩子函数（必须）
|
* 框架在地图初始化完成后自动调用该函数
|
* @param {mars3d.Map} mapInstance 地图对象
|
* @returns {void} 无
|
*/
|
export function onMounted(mapInstance) {
|
map = mapInstance // 记录map
|
|
globalNotify("已知问题提示", "(1) 依赖cesium底层接口，少数情况下不够准确")
|
|
sightline = new mars3d.thing.Sightline({
|
visibleColor: new Cesium.Color(0, 1, 0, 0.4),
|
hiddenColor: new Cesium.Color(1, 0, 0, 0.4)
|
// depthFailColor: Cesium.Color.fromCssColorString("#db2c8f"),
|
})
|
map.addThing(sightline)
|
}
|
|
/**
|
* 释放当前地图业务的生命周期函数
|
* @returns {void} 无
|
*/
|
export function onUnmounted() {
|
map = null
|
}
|
|
export function drawCircle() {
|
map.graphicLayer.clear()
|
map.graphicLayer.startDraw({
|
type: "circle",
|
style: {
|
color: "#ffff00",
|
opacity: 0.2,
|
clampToGround: true
|
},
|
success: function (graphic) {
|
// 绘制成功后回调
|
|
let center = graphic.positionShow
|
center = mars3d.PointUtil.addPositionsHeight(center, 1.5) // 加人的身高等因素，略微抬高一些
|
|
const targetPoints = graphic.getOutlinePositions(false, 45)
|
|
map.graphicLayer.clear()
|
map.scene.globe.depthTestAgainstTerrain = true
|
|
for (let i = 0; i < targetPoints.length; i++) {
|
let targetPoint = targetPoints[i]
|
targetPoint = mars3d.PointUtil.getSurfacePosition(map.scene, targetPoint)
|
sightline.add(center, targetPoint)
|
}
|
|
createPoint(center, true)
|
|
map.scene.globe.depthTestAgainstTerrain = false
|
}
|
})
|
}
|
|
export function drawLine() {
|
map.graphicLayer.clear()
|
map.graphicLayer.startDraw({
|
type: "polyline",
|
maxPointNum: 2,
|
style: {
|
color: "#55ff33",
|
width: 3
|
},
|
success: function (graphic) {
|
// 绘制成功后回调
|
const positions = graphic.positionsShow
|
map.graphicLayer.clear()
|
map.scene.globe.depthTestAgainstTerrain = true
|
|
const center = positions[0]
|
const targetPoint = positions[1]
|
sightline.add(center, targetPoint, { offsetHeight: 1.5 }) // 1.5是加人的身高等因素，略微抬高一些
|
|
createPoint(center, true)
|
createPoint(targetPoint, false)
|
|
map.scene.globe.depthTestAgainstTerrain = false
|
}
|
})
|
}
|
|
export function clearAll() {
|
sightline.clear()
|
map.graphicLayer.clear()
|
}
|
|
/**
|
* 绘制成功后创建点
|
*
|
* @param {Array} position 坐标点
|
* @param {boolean} isFirst 点文字
|
* @return {object} 返回像素点Entity对象
|
*/
|
function createPoint(position, isFirst) {
|
const graphic = new mars3d.graphic.PointEntity({
|
position: position,
|
style: {
|
color: Cesium.Color.fromCssColorString("#3388ff"),
|
pixelSize: 6,
|
outlineColor: Cesium.Color.fromCssColorString("#ffffff"),
|
outlineWidth: 2,
|
scaleByDistance: new Cesium.NearFarScalar(1.5e2, 1.0, 8.0e6, 0.2),
|
label: {
|
text: isFirst ? "观察位置" : "目标点",
|
font_size: 17,
|
font_family: "楷体",
|
color: Cesium.Color.AZURE,
|
outline: true,
|
outlineColor: Cesium.Color.BLACK,
|
outlineWidth: 2,
|
horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
|
verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
|
pixelOffset: new Cesium.Cartesian2(0, -20), // 偏移量
|
distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0.0, 2000000)
|
}
|
}
|
})
|
map.graphicLayer.addGraphic(graphic)
|
|
return graphic
|
}
|
