- 博客(16)
- 收藏
- 关注
原创 cesium 绑定dom弹窗(跟随模型)
思路:1.在页面中创建一个div标签;2.确定标签在三维场景中的三维位置;并计算三维位置的屏幕坐标;3.在每一帧的渲染中都计算一下这个三维坐标的屏幕位置,并把屏幕位置赋给标签。4.当转到地球背面时,如果不想显示弹窗,则隐藏。具体实现:1.创建div标签标签样式: .tag{ position: absolute; background-color: MidnightBlue; background-color:rgba
2020-11-13 09:08:19
2990
2
原创 czml 追踪位置
var data;viewer.dataSources.add(Cesium.CzmlDataSource.load("./sampleData/czml/newBeidou.czml")).then(function (ds) { data=ds;});//获取czml当前位置var entity=data.entities.getById("czml的id");var position= entity.position.getValue(viewer.clock.currentTi
2020-11-12 17:02:21
494
原创 cesium 修改默认地图选择器内容
cesium默认的底图选择器中有很多底图实际用不到,但是这个选择器很好用,所以想着修改选择器中的内容,将其中的地图改为用的比较多的地图。当初始化viewer的时候,将baseLayerPicker设置为true;同时将imageryProviderViewModels属性设置为自定义的地图集合;示例: var imageryViewModels = []; var tiandituyx=new Cesium.ProviderViewModel({ nam
2020-11-03 10:30:32
3616
3
原创 cesium viewer属性说明
Viewer属性说明var viewer=new Cesium.Viewer("cesiumContainer",{ animation : true,//是否创建动画小器件,左下角仪表 baseLayerPicker : false,//是否显示图层选择器 fullscreenButton : true,//是否显示全屏按钮 vrButton:true, //是否显示vr按钮 右下角vr小图标 ge
2020-11-02 17:15:14
1364
原创 threejs 摄像头区域模拟
要做一个模拟摄像头区域的功能,本想用cameraHelper模拟出的线与模型求交点,然后通过得到的点画三角面,可看cameraHelper的属性,pointMap并不是直接给出了最远的四个点,没看出来到底是怎么对应到三维点的,所以自己画了个摄像头的helper。//摄像机区域模拟 cameraHelper{ function addCameraHelper(){ var...
2019-05-17 16:06:45
1723
原创 ThreeJS动态加载div标签
html中标签样式: .tap{ position: absolute; background-color: MidnightBlue; background-color:rgba(0,10,40); border-top-left-radius: 10px; border-...
2019-05-05 17:30:51
15753
13
原创 Threejs-射线拾取模型,获取模型表面点击的点坐标
addEventListener('click',Ray);// 监听窗口鼠标单击事件 function Ray() { var windowX = event.clientX;//鼠标单击位置横坐标 var windowY = event.clientY;//鼠标单击位置纵坐标 var x = (windowX / windo...
2019-05-05 17:04:03
4327
6
原创 控制摄像机pitch不到地下 cesium
网上找的控制摄像机pitch的,虽然不太好用 但是能解一下燃眉之急,记录一下viewer.clock.onTick.addEventListener(function () { if(viewer.camera.pitch > -8) //角度可以定义,正数是朝上看,负数是朝下看 { viewer.scene.screenSpaceCameraC...
2019-04-29 10:05:47
1175
转载 转:cesuim加载倾斜摄影OSGB三维数据完整过程(超详细)
转载一篇关于倾斜摄影数据加载报错的文章,感谢博主原文地址:https://blog.csdn.net/qq_36377037/article/details/865917611、得到正确原始.osgb格式数据;(1)倾斜摄影数据仅支持 smart3d 格式的 osgb 组织方式, 数据目录必须有一个 “Data” 目录的总入口, “Data” 目录同级放置一个 metadata.xml 文件...
2019-04-24 16:40:11
9248
3
原创 CesiumJs+ThreeJs实测
原帖:https://blog.csdn.net/zhishiqu/article/details/79077883这篇帖子讲述了如何将cesium和threejs结合,但是如果跟着代码敲一遍,会发现并不能加载出threejs的模型。仔细跟着写了编,把遇到的坑做一下说明。1.要注意threejs的版本。文中所用为r87版的threejs,尝试换成r92,r103,都找不到模型,这个问题后续再探...
2019-04-01 10:55:36
26434
14
转载 Cesium动态更改贴图
原帖:https://www.cnblogs.com/flypopo/p/9774079.html网上看了篇帖子,记录一下,还没有测试是否可行无法更改单个实力的贴图 所有实力的贴图都会同步发生更改var viewer = new Cesium.Viewer('cesiumContainer');var scene = viewer.scene;var imagePath = '../....
2019-03-26 15:07:42
4654
原创 threejs 摄像机沿特定轨迹飞行
//获取当前camera位置 let camPosition=camera.position; //获取摄像机当前位置 let newPosition=new THREE.Vertex(1,50,-24); //设置目标位置 let curve=addLines(camPosition,newPosition).curve; //绘制贝塞尔曲线//取...
2019-03-21 10:54:58
5102
原创 threejs 通过两点生成贝塞尔曲线
三阶贝塞尔曲线function addLines(v0, v3) { // 计算向量夹角 let angle = v0.angleTo(v3) * 270 / Math.PI / 10; // 0 ~ Math.PI let aLen = angle * 50, hLen = angle * angle * 120; let p0 = new TH...
2019-03-21 10:44:38
4840
1
原创 threejs uv贴图
原始贴图:实现效果://cube uv贴图var cubeMaterial=new THREE.MeshPhongMaterial({map:THREE.ImageUtils.loadTexture('./img/building.jpg')});let cubesizex=5.6225;let cubesizey=3;let cubesizez=4.2554; //计算的图片比...
2019-03-01 09:49:03
6444
1
原创 Three.js简单编程
在这里记录几个常用的threejs的方法,以便以后查找 //监听鼠标移动拾取物体 function ray() { var Sx = event.clientX;//鼠标单击位置横坐标 var Sy = event.clientY;//鼠标单击位置纵坐标 //屏幕坐标转标准设备坐标 var x = ( Sx / window...
2019-01-17 15:24:51
307
原创 Revit单构件导出IFC
Revit单构件导出IFC对revit模型的应用中,由于模型过大,不得不进行模型拆分导出。本文针对模型单构件导出ifc,写了个小功能。revit支持只仅导出视图可见的模型,窗口操作如下图:我们要用代码实现上述功能。revit提供API用于导出IFC,是IFCExportOption,其中的AddOption(string name,string value)方法的参数name和value,...
2018-12-17 11:59:21
4033
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人