import * as mars3d from "mars3d"
|
|
export let map // mars3d.Map三维地图对象
|
let graphicLayer // 矢量图层对象
|
|
let graphic1
|
let graphic2
|
|
export const mapOptions = {
|
scene: {
|
center: { lat: 31.715325, lng: 117.233867, alt: 21228, heading: 2, pitch: -60 }
|
},
|
layers: []
|
}
|
|
/**
|
* 初始化地图业务，生命周期钩子函数（必须）
|
* 框架在地图初始化完成后自动调用该函数
|
* @param {mars3d.Map} mapInstance 地图对象
|
* @returns {void} 无
|
*/
|
export function onMounted(mapInstance) {
|
map = mapInstance // 记录map
|
addEntity()
|
}
|
|
/**
|
* 释放当前地图业务的生命周期函数
|
* @returns {void} 无
|
*/
|
export function onUnmounted() {
|
map = null
|
}
|
|
function addEntity() {
|
// 创建矢量数据图层
|
graphicLayer = new mars3d.layer.GraphicLayer()
|
map.addLayer(graphicLayer)
|
|
// 面1
|
graphic1 = new mars3d.graphic.PolygonEntity({
|
positions: [
|
[117.182288, 31.854164, 35.2],
|
[117.210254, 31.878324, 28.2],
|
[117.238229, 31.855796, 22.4],
|
[117.242307, 31.826109, 12.5],
|
[117.177277, 31.821475, 54.5],
|
[117.182288, 31.854164, 35.2]
|
],
|
style: {
|
color: "#ff0000",
|
opacity: 0.5,
|
clampToGround: true
|
}
|
})
|
graphicLayer.addGraphic(graphic1)
|
|
// 面2
|
graphic2 = new mars3d.graphic.PolygonEntity({
|
positions: [
|
[117.267046, 31.842971, 25.4],
|
[117.20963, 31.840323, 37.2],
|
[117.230646, 31.787122, 27.5],
|
[117.28833, 31.799624, 20.6],
|
[117.267046, 31.842971, 25.4]
|
],
|
style: {
|
color: "#0000FF",
|
opacity: 0.5,
|
clampToGround: true
|
}
|
})
|
graphicLayer.addGraphic(graphic2)
|
}
|
|
// 求交
|
let intersectGraphic
|
export function intersect() {
|
if (intersectGraphic) {
|
graphicLayer.removeGraphic(intersectGraphic, true)
|
intersectGraphic = null
|
}
|
|
const layer1 = graphic1.toGeoJSON()
|
const layer2 = graphic2.toGeoJSON()
|
console.log("2个面的geojson对象", layer1, layer2)
|
|
const geojson = turf.intersect(layer1, layer2)
|
|
intersectGraphic = mars3d.Util.geoJsonToGraphics(geojson)[0]
|
intersectGraphic.type = "polygon"
|
intersectGraphic.style = {
|
color: "#00ff00",
|
opacity: 0.8,
|
outline: true,
|
outlineWidth: 3,
|
outlineColor: "#ffffff",
|
clampToGround: true,
|
label: {
|
text: "我是相交部分",
|
font_size: 18,
|
color: "#000000"
|
}
|
}
|
intersectGraphic = graphicLayer.addGraphic(intersectGraphic)
|
}
|
|
// 清除
|
export function clear() {
|
if (intersectGraphic) {
|
graphicLayer.removeGraphic(intersectGraphic, true)
|
intersectGraphic = null
|
}
|
}
|
