327 lines
9.5 KiB
JavaScript
327 lines
9.5 KiB
JavaScript
|
/**
|
|||
|
|
* @name: index
|
|||
|
|
* @author: Administrator
|
|||
|
|
* @date: 2022-07-11 10:31
|
|||
|
|
* @description：index
|
|||
|
|
* @update: 2022-07-11 10:31
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
import Measure from "../index"
|
|||
|
|
|
|||
|
|
class MeasureDistance extends Measure {
|
|||
|
|
/**
|
|||
|
|
* @constructor
|
|||
|
|
* @param sdk
|
|||
|
|
* @description 距离测量
|
|||
|
|
* */
|
|||
|
|
constructor(sdk, options = {}) {
|
|||
|
|
super(sdk, options)
|
|||
|
|
this.options.color = this.options.color || "#00ffff"
|
|||
|
|
this.start_id = ""
|
|||
|
|
this.end_id = ""
|
|||
|
|
this.polyline_id = ""
|
|||
|
|
this.clampPositions = []
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
async clampToGroundMeasure(meters, cb) {
|
|||
|
|
let positions = []
|
|||
|
|
this.ids.forEach((id, index) => {
|
|||
|
|
let p = this.viewer.entities.getById(id).position.getValue()
|
|||
|
|
positions.push(this.cartesian3Towgs84(p, this.viewer))
|
|||
|
|
})
|
|||
|
|
let res = this.chunkLine(positions, meters)
|
|||
|
|
let coordinates = []
|
|||
|
|
res.forEach((Feature, index) => {
|
|||
|
|
if (index === 0) {
|
|||
|
|
coordinates = [...Feature.geometry.coordinates]
|
|||
|
|
} else {
|
|||
|
|
coordinates.push(Feature.geometry.coordinates[1])
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
let total = coordinates.length
|
|||
|
|
|
|||
|
|
for (const item of coordinates) {
|
|||
|
|
const index = coordinates.indexOf(item);
|
|||
|
|
let r = await this.getHeight({lng: item[0], lat: item[1], alt: 0}, index, total,)
|
|||
|
|
cb(null, r)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
async computeDisByTowPoint(p1, p2) {
|
|||
|
|
let d = this.computeDistance([p1, p2])
|
|||
|
|
let meters = 10
|
|||
|
|
let createLabel = (distance) => {
|
|||
|
|
if(this._isDestroy) {
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
let label = this.getLabel("贴地距离：" + Number(distance).toFixed(2) + "米")
|
|||
|
|
label.pixelOffset = new Cesium.Cartesian2(
|
|||
|
|
0, -(32)
|
|||
|
|
)
|
|||
|
|
this.ids.push(MeasureDistance.create_point(Cesium.Cartesian3.fromDegrees(p2.lng, p2.lat, p2.alt), {label: label}, this))
|
|||
|
|
}
|
|||
|
|
let start = async (meters) => {
|
|||
|
|
let res = this.chunkLine([p1, p2], meters)
|
|||
|
|
let coordinates = []
|
|||
|
|
res.forEach((Feature, index) => {
|
|||
|
|
if (index === 0) {
|
|||
|
|
coordinates = [...Feature.geometry.coordinates]
|
|||
|
|
} else {
|
|||
|
|
coordinates.push(Feature.geometry.coordinates[1])
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
let arr = []
|
|||
|
|
for (const item of coordinates) {
|
|||
|
|
const index = coordinates.indexOf(item);
|
|||
|
|
let r = await this.sampleHeight({lng: item[0], lat: item[1], alt: 0}, index)
|
|||
|
|
arr.push(r)
|
|||
|
|
}
|
|||
|
|
let total_length = 0
|
|||
|
|
let l = arr.length - 1
|
|||
|
|
arr.forEach((item, index) => {
|
|||
|
|
if (index !== l) {
|
|||
|
|
let d1 = this.computeDistance([item.position, arr[index + 1].position])
|
|||
|
|
let d2 = Math.abs(item.position.alt - arr[index + 1].position.alt)
|
|||
|
|
let d3 = Math.sqrt(d1 * d1 + d2 * d2)
|
|||
|
|
total_length += d3
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
createLabel(total_length)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
//暂时固定取20个点
|
|||
|
|
if (d > 20) {//大于20m时，固定取20个点
|
|||
|
|
meters = d / 20
|
|||
|
|
await start(meters)
|
|||
|
|
} else if (d < 1) {
|
|||
|
|
//不计算
|
|||
|
|
createLabel(d)
|
|||
|
|
} else {//小于20m的时候
|
|||
|
|
meters = 1
|
|||
|
|
await start(meters)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
async sampleHeight(p1, index) {
|
|||
|
|
let p2 = await this.sampleHeightMostDetailed([p1])
|
|||
|
|
p1.alt = p2[0].height
|
|||
|
|
return {position: p1, index}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
async getHeight(p1, index, total) {
|
|||
|
|
let p2 = await this.sampleHeightMostDetailed([p1])
|
|||
|
|
p1.alt = p2[0].height
|
|||
|
|
this.clampPositions.push({position: p1, index})
|
|||
|
|
if (total === this.clampPositions.length) {
|
|||
|
|
let total_length = this.startCompute()
|
|||
|
|
return {total, current: this.clampPositions.length, total_length}
|
|||
|
|
}
|
|||
|
|
return {total, current: this.clampPositions.length,}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
startCompute() {
|
|||
|
|
this.clampPositions.sort(function (a, b) {
|
|||
|
|
return a.index < b.index
|
|||
|
|
})
|
|||
|
|
let total_length = 0
|
|||
|
|
let l = this.clampPositions.length - 1
|
|||
|
|
this.clampPositions.forEach((item, index) => {
|
|||
|
|
if (index !== l) {
|
|||
|
|
let d1 = this.computeDistance([item.position, this.clampPositions[index + 1].position])
|
|||
|
|
let d2 = Math.abs(item.position.alt - this.clampPositions[index + 1].position.alt)
|
|||
|
|
let d3 = Math.sqrt(d1 * d1 + d2 * d2)
|
|||
|
|
total_length += d3
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
return Number(total_length.toFixed(2))
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
static createPolyline(that) {
|
|||
|
|
let id = that.randomString()
|
|||
|
|
that.viewer.entities.add(new Cesium.Entity({
|
|||
|
|
id,
|
|||
|
|
polyline: {
|
|||
|
|
positions: new Cesium.CallbackProperty(() => {
|
|||
|
|
return that.positions
|
|||
|
|
}, false),
|
|||
|
|
clampToGround: true,
|
|||
|
|
width: 3,
|
|||
|
|
material: new Cesium.PolylineDashMaterialProperty({
|
|||
|
|
color: new Cesium.Color.fromCssColorString(that.options.color || that.defaultColor),
|
|||
|
|
dashLength: 20, //短划线长度
|
|||
|
|
}),
|
|||
|
|
zIndex: 99999999
|
|||
|
|
}
|
|||
|
|
}))
|
|||
|
|
return id
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
static create_point(cartesian, {
|
|||
|
|
label, image = "point.png",
|
|||
|
|
width,
|
|||
|
|
height
|
|||
|
|
}, that) {
|
|||
|
|
let id = that.randomString()
|
|||
|
|
let p = that.cartesian3Towgs84(cartesian, that.viewer)
|
|||
|
|
if (label) {
|
|||
|
|
label.pixelOffset = new Cesium.Cartesian2(
|
|||
|
|
0, -(height || 32)
|
|||
|
|
)
|
|||
|
|
}
|
|||
|
|
that.viewer.entities.add(
|
|||
|
|
new Cesium.Entity({
|
|||
|
|
id: id,
|
|||
|
|
label,
|
|||
|
|
position: Cesium.Cartesian3.fromDegrees(p.lng, p.lat, p.alt),
|
|||
|
|
billboard: {
|
|||
|
|
image: that.getSourceRootPath() + '/img/' + image,
|
|||
|
|
verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
|
|||
|
|
disableDepthTestDistance: Number.POSITIVE_INFINITY,
|
|||
|
|
width,
|
|||
|
|
height
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
)
|
|||
|
|
return id
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
getLabel(text) {
|
|||
|
|
return {
|
|||
|
|
text: text || '',
|
|||
|
|
//标注文字描述
|
|||
|
|
font: '20px Microsoft YaHei',
|
|||
|
|
fillColor: Cesium.Color.fromCssColorString('#f1e605'),
|
|||
|
|
style: Cesium.LabelStyle.FILL_AND_OUTLINE,
|
|||
|
|
//标注的遮挡距离设置为100则视角与标注的距离大于100米时会有遮挡
|
|||
|
|
// distanceDisplayCondition: this.distanceDisplayCondition,
|
|||
|
|
scale: 1,
|
|||
|
|
horizontalOrigin: Cesium.HorizontalOrigin.CENTER,
|
|||
|
|
verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
|
|||
|
|
disableDepthTestDistance: Number.POSITIVE_INFINITY,
|
|||
|
|
|
|||
|
|
// disableDepthTestDistance: this.disableDepthTestDistance,
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 开始测量
|
|||
|
|
*/
|
|||
|
|
start() {
|
|||
|
|
if (!YJ.Measure.GetMeasureStatus()) {
|
|||
|
|
super.start()
|
|||
|
|
this.positions = []
|
|||
|
|
this.cachePositions = []
|
|||
|
|
|
|||
|
|
|
|||
|
|
let leftEvent = async (movement, car) => {
|
|||
|
|
if (this.ids.length === 0) {
|
|||
|
|
this.polyline_id = (MeasureDistance.createPolyline(this))
|
|||
|
|
this.start_id = MeasureDistance.create_point(car, {
|
|||
|
|
image: "start1.png", width: 30, height: 38, label: this.getLabel("")
|
|||
|
|
}, this)
|
|||
|
|
//创建起点
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
this.tip.setPosition(car, movement.position.x, movement.position.y)
|
|||
|
|
this.positions = this.cachePositions.concat(car)
|
|||
|
|
|
|||
|
|
if (this.ids.length !== 0) {
|
|||
|
|
let cur_point = this.cartesian3Towgs84(car, this.viewer)
|
|||
|
|
let pre_p = this.cartesian3Towgs84(this.cachePositions[this.cachePositions.length - 1], this.viewer)
|
|||
|
|
this.cachePositions.push(car)
|
|||
|
|
await this.computeDisByTowPoint(pre_p, cur_point)
|
|||
|
|
} else {
|
|||
|
|
this.cachePositions.push(car)
|
|||
|
|
this.ids.push(MeasureDistance.create_point(car, {}, this))
|
|||
|
|
let startPoint = this.viewer.entities.getById(this.ids[0])
|
|||
|
|
if(startPoint) {
|
|||
|
|
startPoint.billboard.show = false
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
let rightEvent = (movement, car) => {
|
|||
|
|
if (this.cachePositions.length) {
|
|||
|
|
this.positions = this.cachePositions
|
|||
|
|
this.end_id = MeasureDistance.create_point(this.cachePositions[this.cachePositions.length - 1], {
|
|||
|
|
image: "end1.png",
|
|||
|
|
width: 30,
|
|||
|
|
height: 38,
|
|||
|
|
}, this)
|
|||
|
|
let endPoint = this.viewer.entities.getById(this.ids[this.ids.length-1])
|
|||
|
|
if(endPoint) {
|
|||
|
|
endPoint.billboard.show = false
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (this.cachePositions.length < 2) {
|
|||
|
|
this.destroy()
|
|||
|
|
YJ.Measure.Measures.pop()//弹出测量实体
|
|||
|
|
}
|
|||
|
|
this.end()
|
|||
|
|
}
|
|||
|
|
this.event.mouse_left(leftEvent)
|
|||
|
|
this.event.mouse_move((movement, car) => {
|
|||
|
|
this.tip.setPosition(car, movement.endPosition.x, movement.endPosition.y)
|
|||
|
|
this.positions = this.cachePositions.concat(car)
|
|||
|
|
// if (this.cachePositions.length) {
|
|||
|
|
// let cur_point = this.cartesian3Towgs84(car, this.viewer)
|
|||
|
|
// let pre_p = this.cartesian3Towgs84(this.cachePositions[this.cachePositions.length - 1], this.viewer)
|
|||
|
|
// let cur_len = this.computeDistance([cur_point, pre_p])
|
|||
|
|
// let text = "当前投影距离：" + cur_len + " 米"
|
|||
|
|
// // this.tip.set_text(text)
|
|||
|
|
// }
|
|||
|
|
})
|
|||
|
|
this.event.mouse_right(rightEvent)
|
|||
|
|
|
|||
|
|
this.event.gesture_pinck_start((movement, cartesian) => {
|
|||
|
|
let startTime = new Date()
|
|||
|
|
let pos = {
|
|||
|
|
position: {
|
|||
|
|
x: (movement.position1.x + movement.position2.x) / 2,
|
|||
|
|
y: (movement.position1.y + movement.position2.y) / 2
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
this.event.gesture_pinck_end(() => {
|
|||
|
|
let endTime = new Date()
|
|||
|
|
if (endTime - startTime >= 500) {
|
|||
|
|
// 长按取消
|
|||
|
|
rightEvent(pos, cartesian)
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
leftEvent(pos, cartesian)
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 清除测量
|
|||
|
|
*/
|
|||
|
|
destroy() {
|
|||
|
|
[this.polyline_id, this.end_id, this.start_id, ...this.ids].forEach(id => {
|
|||
|
|
this.remove_entity(id)
|
|||
|
|
})
|
|||
|
|
super.destroy()
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 结束测量
|
|||
|
|
*/
|
|||
|
|
end() {
|
|||
|
|
// YJ.Measure.SetMeasureStatus(false)
|
|||
|
|
// this.tip.destroy()
|
|||
|
|
// this.event.destroy()
|
|||
|
|
super.end()
|
|||
|
|
// this.setPickStatus(this.pickStatus.pick)
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export default MeasureDistance
|