|
// 销毁动画控件、时间轴控件
|
viewerC.animation.destroy();
|
viewerC.timeline.destroy();
|
|
//禁用鹰眼地图的操作
|
let control = viewerC.scene.screenSpaceCameraController;
|
control.enableRotate = false;
|
control.enableTranslate = false;
|
control.enableZoom = false;
|
control.enableTilt = false;
|
control.enableLook = false;
|
|
|
|
|
|
// 设置初始视图（中国）
|
viewerC.camera.setView({
|
destination: Cesium.Cartesian3.fromDegrees(125.1438, 46.5469, 1000),
|
orientation: {
|
heading: Cesium.Math.toRadians(38.24), // 方向
|
pitch: Cesium.Math.toRadians(-35), // 俯角
|
roll: Cesium.Math.toRadians(0.0),
|
}
|
});
|
|
|
|
// 相机移动速度
|
let moveSpeed = 1; // 默认移动速度
|
const speedMultiplier = 5; // Shift加速倍数
|
const slowMultiplier = 0.2; // Ctrl减速倍数
|
|
// 键盘状态
|
const keyState = {
|
w: false,
|
s: false,
|
a: false,
|
d: false,
|
q: false,
|
e: false,
|
up: false,
|
down: false,
|
left: false,
|
right: false,
|
shift: false,
|
ctrl: false,
|
space: false
|
};
|
|
// 注册键盘事件
|
document.addEventListener('keydown', (event) => {
|
const key = event.key.toLowerCase();
|
switch (key) {
|
case 'w':
|
keyState.w = true;
|
break;
|
case 's':
|
keyState.s = true;
|
break;
|
case 'a':
|
keyState.a = true;
|
break;
|
case 'd':
|
keyState.d = true;
|
break;
|
case 'q':
|
keyState.q = true;
|
break;
|
case 'e':
|
keyState.e = true;
|
break;
|
case ' ':
|
keyState.space = true;
|
break;
|
case 'shift':
|
keyState.shift = true;
|
break;
|
case 'control':
|
keyState.ctrl = true;
|
break;
|
}
|
|
// 特殊处理箭头键
|
switch (event.key) {
|
case 'ArrowUp':
|
keyState.up = true;
|
break;
|
case 'ArrowDown':
|
keyState.down = true;
|
break;
|
case 'ArrowLeft':
|
keyState.left = true;
|
break;
|
case 'ArrowRight':
|
keyState.right = true;
|
break;
|
case '1':
|
viewerC.scene.mode = Cesium.SceneMode.SCENE3D;
|
break;
|
case '2':
|
viewerC.scene.mode = Cesium.SceneMode.SCENE2D;
|
break;
|
case '3':
|
viewerC.scene.mode = Cesium.SceneMode.COLUMBUS_VIEW;
|
break;
|
}
|
|
// 阻止空格键滚动页面
|
if (key === ' ') {
|
event.preventDefault();
|
}
|
if (key === 'ctrl') {
|
event.preventDefault();
|
}
|
});
|
|
document.addEventListener('keyup', (event) => {
|
const key = event.key.toLowerCase();
|
switch (key) {
|
case 'w':
|
keyState.w = false;
|
break;
|
case 's':
|
keyState.s = false;
|
break;
|
case 'a':
|
keyState.a = false;
|
break;
|
case 'd':
|
keyState.d = false;
|
break;
|
case 'q':
|
keyState.q = false;
|
break;
|
case 'e':
|
keyState.e = false;
|
break;
|
case ' ':
|
keyState.space = false;
|
resetView();
|
break;
|
case 'shift':
|
keyState.shift = false;
|
break;
|
case 'control':
|
keyState.ctrl = false;
|
break;
|
}
|
console.log(event.key);
|
|
// 特殊处理箭头键
|
switch (event.key) {
|
case 'ArrowUp':
|
keyState.up = false;
|
break;
|
case 'ArrowDown':
|
keyState.down = false;
|
break;
|
case 'ArrowLeft':
|
keyState.left = false;
|
break;
|
case 'ArrowRight':
|
keyState.right = false;
|
break;
|
case 'r':
|
resetPitch(30)
|
break;
|
case 'f':
|
resetPitch()
|
break;
|
case 'v':
|
resetPitch(-30)
|
break;
|
}
|
});
|
|
// 动画循环，处理相机移动
|
function updateCameraMovement() {
|
// 根据Shift和Ctrl调整速度
|
let currentSpeed = moveSpeed;
|
if (keyState.shift) currentSpeed *= speedMultiplier;
|
if (keyState.ctrl) currentSpeed *= slowMultiplier;
|
|
const camera = viewerC.camera;
|
const deltaTime = 1.0; // 简化的时间增量
|
|
// 前后左右移动
|
if (keyState.w) uavMoveForward(1); // camera.moveForward(currentSpeed * deltaTime);
|
if (keyState.s) uavMoveForward(-1);;//camera.moveBackward(currentSpeed * deltaTime);
|
if (keyState.a) camera.moveLeft(currentSpeed * deltaTime);
|
if (keyState.d) camera.moveRight(currentSpeed * deltaTime);
|
if (keyState.q) camera.moveUp(currentSpeed * deltaTime);
|
if (keyState.e) camera.moveDown(currentSpeed * deltaTime);
|
|
|
// 旋转视角
|
let rotatSpeed = 1;
|
if (keyState.shift) rotatSpeed *= speedMultiplier;
|
if (keyState.ctrl) rotatSpeed *= slowMultiplier;
|
|
const rotateAmount = Cesium.Math.toRadians(0.5 * rotatSpeed);
|
|
|
if (keyState.up) camera.lookUp(rotateAmount);
|
if (keyState.down) camera.lookDown(rotateAmount);
|
if (keyState.left) camera.lookLeft(rotateAmount);
|
if (keyState.right) camera.lookRight(rotateAmount);
|
|
resetRoll();
|
|
|
// 下一帧继续更新
|
requestAnimationFrame(updateCameraMovement);
|
}
|
|
/**
|
* 根据已知点的经纬度、方向角和距离，计算另一点的经纬度
|
* @param {number} lon1 - 已知点的经度（单位：度）
|
* @param {number} lat1 - 已知点的纬度（单位：度）
|
* @param {number} bearing - 方向角（单位：度，以北为0度，顺时针增加）
|
* @param {number} distance - 距离（单位：米）
|
* @param {number} [radius=6371000] - 地球半径（单位：米，默认为地球平均半径）
|
* @returns {Object} - 返回新点的经纬度 {lon: 新经度, lat: 新纬度}（单位：度）
|
*/
|
function calculateDestinationPoint(lon1, lat1, bearing, distance, radius = 6371000) {
|
// 将角度转换为弧度
|
const toRadians = (degrees) => degrees * Math.PI / 180;
|
const toDegrees = (radians) => radians * 180 / Math.PI;
|
|
const lat1Rad = toRadians(lat1);
|
const lon1Rad = toRadians(lon1);
|
const bearingRad = bearing;
|
// 计算新点的纬度
|
const angularDistance = distance / radius;
|
const lat2Rad = Math.asin(
|
Math.sin(lat1Rad) * Math.cos(angularDistance) +
|
Math.cos(lat1Rad) * Math.sin(angularDistance) * Math.cos(bearingRad)
|
);
|
|
// 计算新点的经度
|
const lon2Rad = lon1Rad + Math.atan2(
|
Math.sin(bearingRad) * Math.sin(angularDistance) * Math.cos(lat1Rad),
|
Math.cos(angularDistance) - Math.sin(lat1Rad) * Math.sin(lat2Rad)
|
);
|
|
// 处理经度的范围 [-π, π]
|
const lon2RadNormalized = ((lon2Rad + 3 * Math.PI) % (2 * Math.PI)) - Math.PI;
|
|
// 转换回度数
|
const lat2 = toDegrees(lat2Rad);
|
const lon2 = toDegrees(lon2RadNormalized);
|
|
return { lon: lon2, lat: lat2 };
|
}
|
|
function uavMoveForward(speed) {
|
const camera = viewerC.camera;
|
var cartographic = Cesium.Cartographic.fromCartesian(camera.position);
|
var longitude = Cesium.Math.toDegrees(cartographic.longitude); // 经度，转换为度
|
var latitude = Cesium.Math.toDegrees(cartographic.latitude); // 纬度，转换为度
|
var height = cartographic.height; // 高度
|
|
let newLonLat = calculateDestinationPoint(longitude, latitude, camera.heading, speed);
|
let newPosition = Cesium.Cartesian3.fromDegrees(newLonLat.lon,newLonLat.lat,height);
|
camera.setView({
|
destination: newPosition,
|
orientation: {
|
heading: camera.heading,
|
pitch: camera.pitch,
|
roll: 0.0
|
}
|
});
|
}
|
function resetRoll() {
|
|
const camera = viewerC.camera;
|
camera.setView({
|
destination: camera.destination,
|
orientation: {
|
heading: camera.heading,
|
pitch: camera.pitch,
|
roll: 0.0
|
}
|
});
|
}
|
|
function resetPitch(amount) {
|
if (amount === undefined) {
|
amount = 0.1;
|
}
|
const camera = viewerC.camera;
|
camera.setView({
|
destination: camera.destination,
|
orientation: {
|
heading: camera.heading,
|
pitch: Cesium.Math.toRadians(amount),
|
roll: 0
|
}
|
});
|
}
|
|
// 启动动画循环
|
updateCameraMovement();
|
|
|
// helpBtn.addEventListener('click', openHelpModal);
|
// closeHelpBtn.addEventListener('click', closeHelpModal);
|
// gotItBtn.addEventListener('click', closeHelpModal);
|
|
// 点击模态框背景关闭
|
// helpModal.addEventListener('click', (e) => {
|
// if (e.target === helpModal) {
|
// closeHelpModal();
|
// }
|
// });
|
