fix:cesiumtest
This commit is contained in:
parent
52ecdb332b
commit
9387cca8a0
|
|
@ -366,6 +366,15 @@ export default {
|
||||||
},
|
},
|
||||||
series: [{ type: "line" }],
|
series: [{ type: "line" }],
|
||||||
},
|
},
|
||||||
|
modelPosition: [
|
||||||
|
{ lng: 88.64154268696439, lat: 42.721977308996635 },
|
||||||
|
{ lng: 88.64217853109109, lat: 42.721910071501945 },
|
||||||
|
{ lng: 88.64628960011686, lat: 42.72184710482201 },
|
||||||
|
{ lng: 88.64619581826986, lat: 42.7215414346846 },
|
||||||
|
{ lng: 88.64013560274894, lat: 42.72268219734449 },
|
||||||
|
{ lng: 88.64035358529543, lat: 42.72266224153806 },
|
||||||
|
{ lng: 88.64013259837789, lat: 42.722622240941305 },
|
||||||
|
],
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
|
|
@ -402,157 +411,18 @@ export default {
|
||||||
viewer.scene.fxaa = true;
|
viewer.scene.fxaa = true;
|
||||||
viewer.scene.postProcessStages.fxaa.enabled = true;
|
viewer.scene.postProcessStages.fxaa.enabled = true;
|
||||||
|
|
||||||
// 修改homeButton的默认返回位置
|
|
||||||
// this.viewer.homeButton.viewModel.command.beforeExecute.addEventListener((e) => {
|
|
||||||
// e.cancel = true;
|
|
||||||
// //你要飞的位置
|
|
||||||
// this.viewer.camera.flyTo({
|
|
||||||
// destination: Cesium.Cartesian3.fromDegrees(119.196653, 26.031937, 50),
|
|
||||||
// })
|
|
||||||
// })
|
|
||||||
// viewer.scene.globe.depthTestAgainstTerrain = false
|
|
||||||
|
|
||||||
//设置限制缩放大小
|
|
||||||
// viewer.scene.screenSpaceCameraController.minimumZoomDistance = 1
|
|
||||||
// 隐藏地球
|
|
||||||
// viewer.scene.globe.show = false
|
|
||||||
//隐藏logo信息
|
//隐藏logo信息
|
||||||
viewer.scene.globe.enableLighting = true;
|
viewer.scene.globe.enableLighting = true;
|
||||||
viewer._cesiumWidget._creditContainer.style.display = "none";
|
viewer._cesiumWidget._creditContainer.style.display = "none";
|
||||||
//*****cesium加载3dtiles*****//
|
|
||||||
// const tileset = new Cesium.Cesium3DTileset({
|
|
||||||
// url: "/3dtiles/tileset.json",
|
|
||||||
// // url: "http://49.232.14.174:2226/pf/3dtiles/tileset.json",
|
|
||||||
// });
|
|
||||||
// tileset.readyPromise.then(function (tileset) {
|
|
||||||
// viewer.scene.primitives.add(tileset);
|
|
||||||
// //将tileset的包围球中心点坐标从笛卡尔坐标系转换为地理坐标系
|
|
||||||
// const cartographic = Cesium.Cartographic.fromCartesian(
|
|
||||||
// tileset.boundingSphere.center
|
|
||||||
// );
|
|
||||||
// console.log('cartographic',cartographic);
|
|
||||||
// const { longitude, latitude, height } = cartographic;
|
|
||||||
// // 模型包围球的中心点坐标，输出以笛卡尔坐标系表示的三维坐标点
|
|
||||||
// const current = Cesium.Cartesian3.fromRadians(
|
|
||||||
// longitude,
|
|
||||||
// latitude,
|
|
||||||
// height
|
|
||||||
// )
|
|
||||||
// //根据中心点坐标计算出的地表坐标点
|
|
||||||
// const surface = Cesium.Cartesian3.fromRadians(
|
|
||||||
// cartographic.longitude, //经度
|
|
||||||
// cartographic.latitude, //纬度
|
|
||||||
// 0 //高度
|
|
||||||
// )
|
|
||||||
// //根据中心点坐标和height值计算出的新的坐标点
|
|
||||||
// const offset = Cesium.Cartesian3.fromRadians(
|
|
||||||
// longitude, latitude, 0
|
|
||||||
// );
|
|
||||||
// //更新tileset模型矩阵(modelMatrix)的,实现tileset位置的平移变换
|
|
||||||
// const translation = Cesium.Cartesian3.subtract(
|
|
||||||
// offset, //根据中心点坐标和height值计算出的新的坐标点
|
|
||||||
// surface, //根据中心点坐标计算出的地表坐标点
|
|
||||||
// new Cesium.Cartesian3()
|
|
||||||
// );
|
|
||||||
// tileset.modelMatrix = Cesium.Matrix4.fromTranslation(translation);
|
|
||||||
// //tileset加载完成监听
|
|
||||||
// // tileset.tileLoad.addEventListener(function (tile) {
|
|
||||||
// // let content = tile.content;
|
|
||||||
// // // let featuresLength = content.featuresLength;
|
|
||||||
// // let feature = content.getFeature(0);
|
|
||||||
// // //将tileset的包围球中心点坐标从笛卡尔坐标系转换为地理坐标系
|
|
||||||
// // const cartographicMesh = Cesium.Cartographic.fromCartesian(
|
|
||||||
// // feature._content._model._boundingSphere.center
|
|
||||||
// // );
|
|
||||||
// // // 模型包围球的中心点坐标，输出以笛卡尔坐标系表示的三维坐标点
|
|
||||||
// // const currentMesh = Cesium.Cartesian3.fromRadians(
|
|
||||||
// // cartographicMesh.longitude, //经度
|
|
||||||
// // cartographicMesh.latitude, //纬度
|
|
||||||
// // cartographicMesh.height
|
|
||||||
// // )
|
|
||||||
// // //根据中心点坐标计算出的地表坐标点
|
|
||||||
// // const surfaceMesh = Cesium.Cartesian3.fromRadians(
|
|
||||||
// // cartographicMesh.longitude, //经度
|
|
||||||
// // cartographicMesh.latitude, //纬度
|
|
||||||
// // 2 //高度
|
|
||||||
// // )
|
|
||||||
|
|
||||||
// // })
|
|
||||||
// //视野转到tileset模型
|
|
||||||
// viewer.zoomTo(
|
|
||||||
// tileset,
|
|
||||||
// new Cesium.HeadingPitchRange(
|
|
||||||
// -4.0,
|
|
||||||
// -0.65,
|
|
||||||
// 500
|
|
||||||
// )
|
|
||||||
// );
|
|
||||||
// that.getEquipmentList();
|
|
||||||
// });
|
|
||||||
// // 监听鼠标左键点击事件
|
|
||||||
// var handler = new Cesium.ScreenSpaceEventHandler(viewer.canvas);
|
|
||||||
// handler.setInputAction(function (click) {
|
|
||||||
// var feature = viewer.scene.pick(click.position);
|
|
||||||
// console.log("feature",feature);
|
|
||||||
// console.log("_attrs", feature.id._attrs);
|
|
||||||
// that.objItem = feature.id._attrs;
|
|
||||||
// that.getInfo(feature.id._id);
|
|
||||||
// if (Cesium.defined(feature)) {
|
|
||||||
// // 判断点击位置是否有模型被选中
|
|
||||||
// var pickedPosition = viewer.scene.pickPosition(click.position);
|
|
||||||
// if (Cesium.defined(pickedPosition)) {
|
|
||||||
// // 将点击位置的世界坐标转换为地理坐标（经纬度）
|
|
||||||
// var cartographic = Cesium.Cartographic.fromCartesian(pickedPosition);
|
|
||||||
// var longitude = Cesium.Math.toDegrees(cartographic.longitude);//经度
|
|
||||||
// var latitude = Cesium.Math.toDegrees(cartographic.latitude);//纬度
|
|
||||||
// var height = cartographic.height; // 获取高度值
|
|
||||||
// // console.log('Longitude: ' + longitude);
|
|
||||||
// // console.log('Latitude: ' + latitude);
|
|
||||||
// // console.log('Height: ' + height);
|
|
||||||
// // 可以在这里执行更多操作，例如在点击位置添加标记等
|
|
||||||
// //获取该点信息，查询相关数据
|
|
||||||
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
// },
|
|
||||||
// Cesium.ScreenSpaceEventType.LEFT_CLICK);
|
|
||||||
// that.intervalequ = setInterval(() => {
|
|
||||||
// that.getEquipmentList();
|
|
||||||
// },60000)
|
|
||||||
//*****cesium加载3dtiles*****//
|
|
||||||
|
|
||||||
console.log("");
|
|
||||||
//*****cesium加载.glb格式的文件*****//
|
//*****cesium加载.glb格式的文件*****//
|
||||||
//1、viewer.scene.primitives.add
|
var url = "photon_tree.glb";
|
||||||
// var position = Cesium.Cartesian3.fromDegrees(-123.0744619, 44.0503706, 0.1);
|
|
||||||
// var modelMatrix = Cesium.Transforms.eastNorthUpToFixedFrame(position);
|
|
||||||
// var url = "factory.glb";
|
|
||||||
// // 加载 glb 模型
|
|
||||||
// var model = viewer.scene.primitives.add(Cesium.Model.fromGltf({
|
|
||||||
// url: url,
|
|
||||||
// modelMatrix: modelMatrix,
|
|
||||||
// scale: 1000// 可选：设置模型缩放比例
|
|
||||||
// }));
|
|
||||||
// // 监听模型加载完成事件
|
|
||||||
// model.readyPromise.then(function(model) {
|
|
||||||
// console.log('模型加载完成:', model);
|
|
||||||
// // 计算模型包围盒的边界
|
|
||||||
// var boundingSphere = model.boundingSphere;
|
|
||||||
// // 将相机焦点移动到模型的包围球中心
|
|
||||||
// viewer.camera.flyToBoundingSphere(boundingSphere, {
|
|
||||||
// duration: 0 // 设置飞行动画持续时间（单位：秒）
|
|
||||||
// });
|
|
||||||
// // 设置相机跟随模型
|
|
||||||
// viewer.trackedEntity = model;
|
|
||||||
// }).otherwise(function(error) {
|
|
||||||
// console.error('模型加载失败:', error);
|
|
||||||
// });
|
|
||||||
|
|
||||||
//2、viewer.entities.add
|
|
||||||
var url = "factory.glb";
|
|
||||||
var height = 0;
|
var height = 0;
|
||||||
viewer.entities.removeAll(); //加载之前先清楚所有entity
|
viewer.entities.removeAll(); //加载之前先清楚所有entity
|
||||||
var position = Cesium.Cartesian3.fromDegrees(88.644, 42.723, height);
|
var position = Cesium.Cartesian3.fromDegrees(
|
||||||
|
88.64349,
|
||||||
|
42.72285,
|
||||||
|
height
|
||||||
|
);
|
||||||
var heading = Cesium.Math.toRadians(191); //310度转弧度
|
var heading = Cesium.Math.toRadians(191); //310度转弧度
|
||||||
var pitch = Cesium.Math.toRadians(0);
|
var pitch = Cesium.Math.toRadians(0);
|
||||||
var roll = Cesium.Math.toRadians(0);
|
var roll = Cesium.Math.toRadians(0);
|
||||||
|
|
@ -561,7 +431,7 @@ export default {
|
||||||
position,
|
position,
|
||||||
hpr
|
hpr
|
||||||
);
|
);
|
||||||
var modelScale = 30.0; // 假设模型原始单位是厘米，需要转换为米
|
var modelScale = 2.3; // 假设模型原始单位是厘米，需要转换为米
|
||||||
var modelEntity = viewer.entities.add({
|
var modelEntity = viewer.entities.add({
|
||||||
name: "photon",
|
name: "photon",
|
||||||
position: position,
|
position: position,
|
||||||
|
|
@ -573,11 +443,9 @@ export default {
|
||||||
Cesium.Transforms.eastNorthUpToFixedFrame(position),
|
Cesium.Transforms.eastNorthUpToFixedFrame(position),
|
||||||
minimumPixelSize: 256, //最小像素大小，可以避免太小看不见
|
minimumPixelSize: 256, //最小像素大小，可以避免太小看不见
|
||||||
maximumScale: 20000, //模型的最大比例尺大小。minimumPixelSize的上限
|
maximumScale: 20000, //模型的最大比例尺大小。minimumPixelSize的上限
|
||||||
incrementallyLoadTextures: true, //加载模型后纹理是否可以继续流入
|
|
||||||
shadows: Cesium.ShadowMode.ENABLED,
|
|
||||||
heightReference: Cesium.HeightReference.NONE,
|
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
// that.setTrees(viewer, orientation);
|
||||||
viewer.trackedEntity = modelEntity; // 聚焦模型
|
viewer.trackedEntity = modelEntity; // 聚焦模型
|
||||||
//设置相机位置
|
//设置相机位置
|
||||||
viewer.zoomTo(
|
viewer.zoomTo(
|
||||||
|
|
@ -615,6 +483,32 @@ export default {
|
||||||
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);
|
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
//单独加载树
|
||||||
|
setTrees(viewer, orientation) {
|
||||||
|
this.modelPosition.forEach((item) => {
|
||||||
|
let position = Cesium.Cartesian3.fromDegrees(
|
||||||
|
item.lng,
|
||||||
|
item.lat,
|
||||||
|
0
|
||||||
|
);
|
||||||
|
viewer.entities.add({
|
||||||
|
name: "tree",
|
||||||
|
position: position,
|
||||||
|
orientation: orientation,
|
||||||
|
model: {
|
||||||
|
uri: "tree.glb", //注意entitits.add方式加载gltf文件时，这里是uri，不是url，并且这种方式只能加载.glb格式的文件
|
||||||
|
scale: 1, //缩放比例
|
||||||
|
modelMatrix:
|
||||||
|
Cesium.Transforms.eastNorthUpToFixedFrame(position),
|
||||||
|
minimumPixelSize: 10, //最小像素大小，可以避免太小看不见
|
||||||
|
maximumScale: 20000, //模型的最大比例尺大小。minimumPixelSize的上限
|
||||||
|
incrementallyLoadTextures: true, //加载模型后纹理是否可以继续流入
|
||||||
|
shadows: Cesium.ShadowMode.ENABLED,
|
||||||
|
heightReference: Cesium.HeightReference.NONE,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
getChartTime() {
|
getChartTime() {
|
||||||
let endDate = new Date();
|
let endDate = new Date();
|
||||||
let startDate = new Date();
|
let startDate = new Date();
|
||||||
|
|
@ -717,7 +611,7 @@ export default {
|
||||||
let imgUrl = that.getItemIcon(item.cate_code);
|
let imgUrl = that.getItemIcon(item.cate_code);
|
||||||
let lon = parseFloat(item.coordinates.longitude);
|
let lon = parseFloat(item.coordinates.longitude);
|
||||||
let lat = parseFloat(item.coordinates.latitude);
|
let lat = parseFloat(item.coordinates.latitude);
|
||||||
let height = parseInt(item.coordinates.height) + 15;
|
let height = parseInt(item.coordinates.height);
|
||||||
let type = item.cate_code;
|
let type = item.cate_code;
|
||||||
let arrs = {
|
let arrs = {
|
||||||
name: item.name,
|
name: item.name,
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue