cesium
李小喵Y
Cesium开发,threejs 个人笔记
展开
-
cesium 绑定dom弹窗(跟随模型)
思路:1.在页面中创建一个div标签;2.确定标签在三维场景中的三维位置;并计算三维位置的屏幕坐标;3.在每一帧的渲染中都计算一下这个三维坐标的屏幕位置,并把屏幕位置赋给标签。4.当转到地球背面时,如果不想显示弹窗,则隐藏。具体实现:1.创建div标签标签样式: .tag{ position: absolute; background-color: MidnightBlue; background-color:rgba原创 2020-11-13 09:08:19 · 3112 阅读 · 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 · 516 阅读 · 0 评论 -
cesium 修改默认地图选择器内容
cesium默认的底图选择器中有很多底图实际用不到,但是这个选择器很好用,所以想着修改选择器中的内容,将其中的地图改为用的比较多的地图。当初始化viewer的时候,将baseLayerPicker设置为true;同时将imageryProviderViewModels属性设置为自定义的地图集合;示例: var imageryViewModels = []; var tiandituyx=new Cesium.ProviderViewModel({ nam原创 2020-11-03 10:30:32 · 3735 阅读 · 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 · 1396 阅读 · 0 评论 -
转: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 · 9367 阅读 · 3 评论 -
控制摄像机pitch不到地下 cesium
网上找的控制摄像机pitch的,虽然不太好用 但是能解一下燃眉之急,记录一下viewer.clock.onTick.addEventListener(function () { if(viewer.camera.pitch > -8) //角度可以定义,正数是朝上看,负数是朝下看 { viewer.scene.screenSpaceCameraC...原创 2019-04-29 10:05:47 · 1216 阅读 · 0 评论 -
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 · 26793 阅读 · 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 · 4684 阅读 · 0 评论