李小喵Y-CSDN博客

原创 cesium 绑定dom弹窗（跟随模型）

思路：1.在页面中创建一个div标签；2.确定标签在三维场景中的三维位置；并计算三维位置的屏幕坐标；3.在每一帧的渲染中都计算一下这个三维坐标的屏幕位置，并把屏幕位置赋给标签。4.当转到地球背面时，如果不想显示弹窗，则隐藏。具体实现：1.创建div标签标签样式： .tag{ position: absolute; background-color: MidnightBlue; background-color:rgba

2020-11-13 09:08:19 2761 1

原创 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 481

原创 cesium 修改默认地图选择器内容

cesium默认的底图选择器中有很多底图实际用不到，但是这个选择器很好用，所以想着修改选择器中的内容，将其中的地图改为用的比较多的地图。当初始化viewer的时候，将baseLayerPicker设置为true；同时将imageryProviderViewModels属性设置为自定义的地图集合；示例： var imageryViewModels = []; var tiandituyx=new Cesium.ProviderViewModel({ nam

2020-11-03 10:30:32 3396 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 1329

原创 threejs 摄像头区域模拟

要做一个模拟摄像头区域的功能，本想用cameraHelper模拟出的线与模型求交点，然后通过得到的点画三角面，可看cameraHelper的属性，pointMap并不是直接给出了最远的四个点，没看出来到底是怎么对应到三维点的，所以自己画了个摄像头的helper。//摄像机区域模拟 cameraHelper{ function addCameraHelper(){ var...

2019-05-17 16:06:45 1691

原创 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 15461 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 4228 6

原创控制摄像机pitch不到地下 cesium

网上找的控制摄像机pitch的，虽然不太好用但是能解一下燃眉之急，记录一下viewer.clock.onTick.addEventListener(function () { if(viewer.camera.pitch > -8) //角度可以定义，正数是朝上看，负数是朝下看 { viewer.scene.screenSpaceCameraC...

2019-04-29 10:05:47 1108

转载转：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 9108 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 25794 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 4551

原创 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 5065

原创 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 4768 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 6376 1

原创 Three.js简单编程

在这里记录几个常用的threejs的方法，以便以后查找 //监听鼠标移动拾取物体 function ray() { var Sx = event.clientX;//鼠标单击位置横坐标 var Sy = event.clientY;//鼠标单击位置纵坐标 //屏幕坐标转标准设备坐标 var x = ( Sx / window...

2019-01-17 15:24:51 295

原创 Revit单构件导出IFC

Revit单构件导出IFC对revit模型的应用中，由于模型过大，不得不进行模型拆分导出。本文针对模型单构件导出ifc，写了个小功能。revit支持只仅导出视图可见的模型，窗口操作如下图：我们要用代码实现上述功能。revit提供API用于导出IFC，是IFCExportOption，其中的AddOption（string name，string value）方法的参数name和value，...

2018-12-17 11:59:21 3942

qq_36266612的博客