import Vue from "vue";
|
import coord from "@/components/poplayer/coord";
|
import store from "@/utils/store";
|
import mapData from "../../../static/mapData";
|
let PoiLayerConstructor = Vue.extend(coord);
|
window.rpc = {
|
timeout: 500,
|
url: "http://localhost:8999/RPC2",
|
method: "get_statue",
|
divPoint: null,
|
instance: null,
|
pathLayer: null,
|
position: null,
|
marksIndex: null,
|
pitchValue: null,
|
//消息对接
|
initMessage() {
|
var that = this;
|
window.addEventListener("message", res => {
|
if (res.data.status === "ok") {
|
console.log(res.data.params, "当前事件数据");
|
// that.setLocation();
|
}
|
});
|
},
|
//地图复位
|
setMapRest() {
|
const data = mapData.mapRest;
|
sgworld.Navigate.flyToPointsInterest({
|
destination: {
|
"x": data.lng,
|
"y": data.lat, "z": data.alt
|
},
|
orientation: {
|
heading: data.heading,
|
pitch: data.pitch,
|
roll: data.roll,
|
},
|
duration: 5, //飞行时间8s
|
});
|
},
|
//点击获取坐标
|
clickToCoordinates() {
|
const handlerClick = new Cesium.ScreenSpaceEventHandler(Viewer.scene.canvas);
|
handlerClick.setInputAction((event) => {
|
|
let cartesian = Viewer.camera.pickEllipsoid(event.position, Viewer.scene.globe.ellipsoid);
|
if (cartesian == undefined) {
|
console.log('没有获取到坐标')
|
} else {
|
// 空间坐标转世界坐标(弧度)
|
let cartographic = Cesium.Cartographic.fromCartesian(cartesian);
|
// 弧度转为角度（经纬度）
|
let lon = Cesium.Math.toDegrees(cartographic.longitude); // 经度值
|
let lat = Cesium.Math.toDegrees(cartographic.latitude); // 纬度值
|
console.log('经纬度是：', { x: lon, y: lat });
|
}
|
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);
|
},
|
//定位弹窗
|
setLocation() {
|
var data = mapData.pointPop;
|
var objdata = {
|
POITYPE: data.text,
|
SSDW: data.text,
|
LXR: data.text,
|
DIZHI: res,
|
lat: data.lat,
|
lon: data.lng
|
};
|
//添加定位弹窗
|
this.setAddPointLocation(objdata);
|
// //添加路径线
|
// this.setShowPathLine(marks);
|
// //飞行漫游
|
// window.Viewer.scene.camera.flyTo({
|
// destination: Cesium.Cartesian3.fromDegrees(
|
// marks[0].lng,
|
// marks[0].lat,
|
// marks[0].height
|
// ), //定位坐标点，建议使用谷歌地球坐标位置无偏差
|
// duration: 7 //定位的时间间隔
|
// });
|
// this.marksIndex = 1;
|
// this.pitchValue = -20;
|
// setTimeout(() => {
|
// this.setflyExtent(marks);
|
// }, 7000);
|
|
},
|
|
setAddPointLocation(res) {
|
// 清除方法
|
this.setClearPathlayer();
|
store.setlocalLayerShowAction(false);
|
store.setlocalLayerListAction({});
|
store.setlocalLayerShowAction(true);
|
store.setlocalLayerListAction(res);
|
this.instance = new PoiLayerConstructor({
|
data: {
|
list: res
|
}
|
});
|
this.instance.$mount();
|
this.divPoint = sgworld.Creator.createDivPoint(
|
"",
|
{
|
lon: res.lon,
|
lat: res.lat,
|
height: 50
|
},
|
{
|
type: "custom",
|
offset: ["c", 100],
|
description: this.instance.$el,
|
near: 0,
|
far: 100000
|
}
|
);
|
this.position = window.Viewer.entities.add({
|
name: "FLYToMap",
|
position: Cesium.Cartesian3.fromDegrees(objdata.lon, objdata.lat),
|
point: {
|
pixelSize: 1,
|
color: Cesium.Color.WHITE.withAlpha(0),
|
outlineColor: Cesium.Color.WHITE.withAlpha(0.9),
|
outlineWidth: 1
|
}
|
});
|
window.Viewer.flyTo(this.position, {
|
offset: {
|
heading: Cesium.Math.toRadians(0.0),
|
pitch: Cesium.Math.toRadians(-45),
|
range: 600
|
}
|
});
|
setTimeout(() => {
|
window.Viewer.entities.remove(this.position)
|
}, 1000);
|
},
|
setflyExtent(res) {
|
|
// 相机看点的角度，如果大于0那么则是从地底往上看，所以要为负值
|
var pitch = Cesium.Math.toRadians(this.pitchValue);
|
// 时间间隔2秒钟
|
this.setExtentTime(res[this.marksIndex].flytime);
|
var Exection = () => {
|
var preIndex = this.marksIndex - 1;
|
if (this.marksIndex == 0) {
|
preIndex = res.length - 1;
|
}
|
var heading = this.bearing(
|
res[preIndex].lat,
|
res[preIndex].lng,
|
res[this.marksIndex].lat,
|
res[this.marksIndex].lng
|
);
|
heading = Cesium.Math.toRadians(heading);
|
// 当前已经过去的时间，单位s
|
var delTime = Cesium.JulianDate.secondsDifference(
|
window.Viewer.clock.currentTime,
|
window.Viewer.clock.startTime
|
);
|
var originLat =
|
this.marksIndex == 0
|
? res[res.length - 1].lat
|
: res[this.marksIndex - 1].lat;
|
var originLng =
|
this.marksIndex == 0
|
? res[res.length - 1].lng
|
: res[this.marksIndex - 1].lng;
|
var endPosition = Cesium.Cartesian3.fromDegrees(
|
originLng +
|
((res[this.marksIndex].lng - originLng) /
|
res[this.marksIndex].flytime) *
|
delTime,
|
originLat +
|
((res[this.marksIndex].lat - originLat) /
|
res[this.marksIndex].flytime) *
|
delTime,
|
res[this.marksIndex].height
|
);
|
|
console.log(1, pitch)
|
window.Viewer.scene.camera.setView({
|
destination: endPosition,
|
orientation: {
|
heading: heading,
|
pitch: Cesium.Math.toRadians(-5),
|
},
|
});
|
if (
|
Cesium.JulianDate.compare(
|
window.Viewer.clock.currentTime,
|
window.Viewer.clock.stopTime
|
) >= 0
|
) {
|
window.Viewer.clock.onTick.removeEventListener(Exection);
|
this.changeCameraHeading(res);
|
}
|
|
|
}
|
window.Viewer.clock.onTick.addEventListener(Exection);
|
},
|
setPointFly() {
|
var alll
|
= { lng: 116.802948, lat: 36.550064, height: 100, flytime: 15 }
|
|
window.sgworld.Analysis.setPointFly({
|
position: Cesium.Cartesian3.fromDegrees(alll.lng, alll.lat, 50),
|
hideImage: false
|
})
|
|
},
|
changeCameraHeading(res) {
|
var nextIndex = this.marksIndex + 1;
|
if (this.marksIndex == res.length - 1) {
|
// 漫游完成
|
this.setPointFly(res);
|
return
|
}
|
// 计算两点之间的方向
|
var heading = this.bearing(
|
res[this.marksIndex].lat,
|
res[this.marksIndex].lng,
|
res[nextIndex].lat,
|
res[nextIndex].lng
|
);
|
// 相机看点的角度，如果大于0那么则是从地底往上看，所以要为负值
|
var pitch = Cesium.Math.toRadians(this.pitchValue);
|
// 给定飞行一周所需时间，比如10s, 那么每秒转动度数
|
var angle =
|
(heading - Cesium.Math.toDegrees(window.Viewer.camera.heading)) / 2;
|
// 时间间隔2秒钟
|
this.setExtentTime(2);
|
// 相机的当前heading
|
var initialHeading = window.Viewer.camera.heading;
|
var Exection = () => {
|
// 当前已经过去的时间，单位s
|
var delTime = Cesium.JulianDate.secondsDifference(
|
window.Viewer.clock.currentTime,
|
window.Viewer.clock.startTime
|
);
|
var heading = Cesium.Math.toRadians(delTime * angle) + initialHeading;
|
window.Viewer.scene.camera.setView({
|
orientation: {
|
heading: heading,
|
pitch: Cesium.Math.toRadians(-5),
|
},
|
});
|
if (
|
Cesium.JulianDate.compare(
|
window.Viewer.clock.currentTime,
|
window.Viewer.clock.stopTime
|
) >= 0
|
) {
|
window.Viewer.clock.onTick.removeEventListener(Exection);
|
this.marksIndex = ++this.marksIndex >= res.length ? 0 : this.marksIndex;
|
this.setflyExtent(res);
|
}
|
};
|
window.Viewer.clock.onTick.addEventListener(Exection);
|
},
|
bearing(startLat, startLng, destLat, destLng) {
|
startLat = this.toRadians(startLat);
|
startLng = this.toRadians(startLng);
|
destLat = this.toRadians(destLat);
|
destLng = this.toRadians(destLng);
|
|
let y = Math.sin(destLng - startLng) * Math.cos(destLat);
|
let x =
|
Math.cos(startLat) * Math.sin(destLat) -
|
Math.sin(startLat) * Math.cos(destLat) * Math.cos(destLng - startLng);
|
let brng = Math.atan2(y, x);
|
let brngDgr = this.toDegrees(brng);
|
return (brngDgr + 360) % 360;
|
},
|
toRadians(degrees) {
|
return (degrees * Math.PI) / 180;
|
},
|
toDegrees(radians) {
|
return (radians * 180) / Math.PI;
|
},
|
|
|
setExtentTime(time) {
|
var startTime = Cesium.JulianDate.fromDate(new Date());
|
var stopTime = Cesium.JulianDate.addSeconds(
|
startTime,
|
time,
|
new Cesium.JulianDate()
|
);
|
window.Viewer.clock.startTime = startTime.clone(); // 开始时间
|
window.Viewer.clock.stopTime = stopTime.clone(); // 结速时间
|
window.Viewer.clock.currentTime = startTime.clone(); // 当前时间
|
window.Viewer.clock.clockRange = Cesium.ClockRange.CLAMPED; // 行为方式
|
window.Viewer.clock.clockStep = Cesium.ClockStep.SYSTEM_CLOCK; // 时钟设置为当前系统时间; 忽略所有其他设置。
|
},
|
setShowPathLine(res) {
|
var geom = [];
|
for (var i in res) {
|
geom.push([res[i].lng, res[i].lat]);
|
}
|
|
var url = {
|
type: "FeatureCollection",
|
features: [
|
{
|
type: "Feature",
|
geometry: {
|
type: "LineString",
|
coordinates: geom
|
}
|
}
|
]
|
};
|
this.pathLayer = window.sgworld.Creator.createPathLayer({
|
url: url,
|
color: "#0033FF", //线的颜色
|
width: 4.0, //线的宽度
|
pointColor: "#FFFFFF", //移动点的颜色
|
speed: 5,
|
far: 50000
|
});
|
},
|
|
setClearPathlayer() {
|
if (this.divPoint) {
|
this.divPoint && this.divPoint.deleteObject();
|
this.divPoint = null;
|
}
|
if (this.instance) {
|
this.instance && this.instance.$destroy();
|
this.instance = null;
|
}
|
if (this.pathLayer) {
|
this.pathLayer && this.pathLayer.deleteObject();
|
}
|
if (this.position) {
|
window.Viewer.entities.remove(this.position);
|
this.position = null;
|
}
|
}
|
};
|
export default rpc;
|
