
WebGL & Cesium & Three
WebGL Cesium Three 相关内容
最凶残的小海豹
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Cesium加载3DTiles模型并且重新设置3DTiles模型的高度
摘要: 该代码展示了如何在Cesium中加载并调整3DTiles模型位置。通过load3DTiles()方法加载JSON格式的3DTiles数据,并配置碰撞检测、精度控制等参数。set3DTilesPosition()函数通过计算模型中心点坐标,实现高度偏移调整(如heightOffset = -1318),最终生成模型矩阵完成定位。效果图显示模型被正确加载并定位到指定位置,视角自动聚焦到模型。代码适用于三维场景中动态调整3DTiles模型的高程位置。原创 2025-07-14 17:37:06 · 383 阅读 · 0 评论 -
uniapp + Cesium(uniapp集成Cesium)
摘要:本文介绍了在uniapp项目中集成Cesium 1.131版本的方法,主要针对H5环境。通过renderjs技术动态加载Cesium资源,包括将Cesium库文件放入static目录、创建script标签引入Cesium.js和widgets.css,并初始化3D地球视图。文中提供了完整的代码示例,展示了如何配置Viewer选项、隐藏默认控件以及设置地形显示。该方法避免了APP环境下的兼容性问题,实现了在uniapp中流畅运行Cesium的目的。原创 2025-07-14 15:09:35 · 429 阅读 · 0 评论 -
Cesium 漫游效果
Cesium实现无人机路径漫游动画 文章展示了如何在Cesium中创建无人机路径漫游动画。主要步骤包括: 准备一组坐标点作为无人机飞行路径 设置相机初始视角 创建采样位置属性并配置线性插值 设置30秒的时间范围动画 添加模型实体(使用gltf格式的无人机模型) 配置模型显示参数和飞行轨迹 实现时钟事件监听,跟踪模型位置 动画结束时清除飞行轨迹 代码提供了完整的实现方案,包括模型缩放、距离显示条件等细节配置,效果图展示了无人机沿指定路径飞行的动画效果。原创 2025-07-11 16:19:42 · 144 阅读 · 0 评论 -
vue3+vite+Cesium
本文介绍了如何在Vue3+Vite项目中集成Cesium三维地图库。首先通过安装vite-plugin-cesium插件简化集成过程,然后修改vite.config.js配置文件。文章提供了完整的初始化代码示例,包括设置Cesium Ion Token、创建Viewer对象以及配置界面控件。最后展示了效果图,并给出了样式设置建议。该方法利用插件简化了Cesium的集成流程,适合Vue3+Vite技术栈的开发需求。原创 2025-07-11 15:42:35 · 463 阅读 · 1 评论 -
Cesium Entity 旋转
的属性,不是内部元素。原创 2025-04-24 14:58:55 · 466 阅读 · 0 评论 -
Cesium 绘制 立方体、圆柱、圆锥、球体、圆台
Cesium 绘制 立方体、圆柱、圆锥、球体、圆台。原创 2025-04-24 10:25:21 · 420 阅读 · 0 评论 -
Cesium 获取当前视角信息
通过 `浏览器控制台`,直接获取到当前地球视角的信息,然后通过 `flyTo` 跳转视角。原创 2024-10-10 15:22:55 · 845 阅读 · 1 评论 -
Cesium 模型视角锁定(entity)
需要将视角锁定在以模型为中心,无论怎么旋转和缩放,都是以模型为中心点的。原创 2023-08-21 18:43:56 · 1078 阅读 · 0 评论 -
three.js 加载GLB模型的时候无法显示纹理,模型只有黑色
使用three加载GLB模型,加载出来以后,模型为黑色,没有纹理。但是用win10系统直接打开模型的时候,是有纹理和颜色的。降低three版本,我当前使用的是155版本,降低为146版本以后,就可以正常显示了。这里记录一下,刚开始做three,可能还有其他解决方法。原创 2023-08-21 18:10:43 · 2287 阅读 · 0 评论 -
Cesium 限制缩放的大小/限制地球放大缩小的范围
主要是用于控制地球缩放的范围。原创 2023-04-10 15:52:04 · 5560 阅读 · 7 评论 -
Cesium 穿透某个dom节点可以操控地球
【代码】Cesium 穿透某个dom节点可以操控地球。原创 2023-03-23 19:32:36 · 326 阅读 · 0 评论 -
Cesium 贴地 GeoJson覆盖Entity的线条/DataSources覆盖entity
的方式画线条,这样后添加的,就会覆盖在之前的上面了。首先是需要开始地形,然后要进行。新画线条的时候,通过添加。设置,然后我先加载了。绘制的线条基础上再通过。内才会生效,所以设置。上面,但是无论我设置。原创 2023-03-23 17:02:23 · 1285 阅读 · 0 评论 -
Cesium dataSources 添加和删除
【代码】Cesium dataSources 添加和删除。原创 2023-03-23 16:19:18 · 1542 阅读 · 0 评论 -
Cesium 贴地属性设置
Cesium 贴地属性设置。原创 2023-03-22 15:25:05 · 3263 阅读 · 2 评论 -
Cesium 直线/折线 抗锯齿材质
Cesium 直线/折线 抗锯齿材质。原创 2023-03-02 16:55:47 · 2514 阅读 · 0 评论 -
Cesium 修改geojson样式
修改geojson的样式,主要就是修改geojson渲染的entity的样式,直接查看下列代码原创 2023-03-02 16:19:50 · 2113 阅读 · 1 评论 -
Cesium 拾取entity / 获取entity属性
判断为 false 的情况下,就代表没有获取到点,用来区分是否点击到 entity 也是很好用的。获取到entity以后,怎么操作就自己写啦。方法,我有一片文章,专门介绍了常用的方法。原创 2023-01-12 16:47:29 · 3576 阅读 · 0 评论 -
Cesium 点击获取/拾取(PICK)的不同用法
可以理解为穿透拾取,是从当前拾取位置获取所有对象的对象列表(entity的集合),列表按其在场景中的视觉顺序(从前到后)排序(通过for循环可以获取当前坐标下的所有entity)。),否则在没有3dTile模型的情况下,会出现空间坐标不准的问题,如果不开启深度检测,只能在3dTile模型上获取准确的空间坐标。在加载地形的情况下有误差,地形凹凸程度越大,误差越大,所以不要用来获取有地形的坐标。只能获取一个对象,并且获取的是最顶部的对象。主要是用于拾取对应位置的世界坐标,例如:拾取点击模型表面的坐标。原创 2023-01-11 14:44:58 · 9494 阅读 · 2 评论 -
Cesium geojson 移除
赋值,一定要是唯一的,要不然删除就会有删错的情况。进行单个移除的时候,我遇到了麻烦,我将。这个没什么好说的,直接用就行。进行删除,我发现无法。保存后,用保存下来的。原创 2022-12-30 10:04:13 · 2417 阅读 · 6 评论 -
Cesium 视角切换到实体(entity)/ dataSources / 定位到模型(3DTiles)
是可以直接飞到实体的。例如下面代码,加载了一个。原创 2023-01-06 11:40:28 · 7234 阅读 · 0 评论 -
Cesium 禁止鼠标调整视角(左键拖动,中键旋转,缩放)
Cesium 禁止鼠标调整视角(左键拖动,中键旋转,缩放)原创 2022-11-02 15:16:46 · 3672 阅读 · 0 评论 -
Cesium 坐标转换(各坐标/角度弧度互相转换)
Cesium 坐标转换(各坐标/角度弧度互相转换)原创 2022-10-19 18:08:47 · 8110 阅读 · 0 评论 -
Cesium 点击绘制线/折线(动态绘制线/折线)
是一个类,其值由回调函数延迟计算。也就是说它在不断地自我调用,每当其返回的对象有改变时,就会抛出改变后的值。利用这种特性,我们就可以在定义。使用方法:调用 click_draw_polygon() 方法就可以。时,用CallbackProperty生成动态的数组赋值给。参数,就可以得到动态绘制线/折线的效果。原创 2022-10-18 18:29:55 · 6215 阅读 · 12 评论 -
GIS常用工具
PC:WEB:原创 2022-09-29 14:52:39 · 487 阅读 · 0 评论 -
Cesium geojson覆盖模型/防止被模型遮挡(面线标记覆盖模型)
开启深度检测 depthTestAgainstTerrain = truegeojson覆盖模型的时候,使用outline是无效的,所以需要自己画个边线。Cesium geojson覆盖模型Cesium 面/线标记覆盖模型原创 2022-09-22 16:12:18 · 2595 阅读 · 3 评论 -
Cesium geojson 区域拉伸高度
Cesium geojson 区域拉伸高度。原创 2022-08-17 15:59:13 · 1716 阅读 · 0 评论 -
Cesium加载geojson
这里就不介绍怎么引入Cesium了,不会的可以看我标绘那篇文章。geojson文件可以通过下面地址获取。原创 2022-08-17 14:28:02 · 6180 阅读 · 9 评论 -
Cesium 多边形渐变色纹理(Canvas)
可以直接使用Cesium.ImageMaterialProperty(options)方法给。原创 2022-07-25 17:42:11 · 5133 阅读 · 0 评论 -
Cesium 已知一点经纬度和距离求另一个点的经纬度
已知一点经纬度和距离,求另一个点的经纬度原创 2022-07-06 16:36:28 · 1885 阅读 · 6 评论 -
Cesium 点击绘制圆形(动态绘制圆形)
CallbackProperty 是一个通过回调函数延迟计算值的类,能够动态更新属性值。在绘制圆形时,可以利用 CallbackProperty 动态计算 semiMinorAxis 和 semiMajorAxis,从而实现动态绘制效果。通过 click_draw_circle() 方法,用户可以在地图上点击选择圆心和半径,实时绘制圆形。代码首先清除已有的绘制内容,然后通过鼠标点击事件获取圆心和半径,利用 CallbackProperty 动态更新圆形的大小,最终绘制出结果圆形。整个过程包括圆心点的创建、动原创 2022-07-05 18:27:09 · 9242 阅读 · 3 评论 -
Cesium 两点之间的直线距离
注意:如果计算两点的平面距离,让两个点的高为零即可原创 2022-07-05 16:11:59 · 1676 阅读 · 0 评论 -
Cesium 点击获取模型表面经纬度高程坐标(三维坐标)
下面代码适用于 模型表面 三维坐标。注意:说明一下:viewer.scene.pickPosition(e.position)在没有3dTile模型下的笛卡尔坐标不准问题,可以通过开启深度检测解决 viewer.scene.pick: 返回中指定位置的顶端的primitive属性的一个对象。适用于选取3dTile,改变3dTile的属性(例如颜色)。viewer.scene.pickPosition: 返回一个被屏幕坐标和深度缓存指定的点。适用于模型表面位置的选取,通俗的说就是camera看过去第一个被挡原创 2022-06-28 18:07:16 · 6426 阅读 · 5 评论 -
Cesium 点击获三维坐标(经纬度高程)
地形三维坐标原创 2022-06-28 16:35:06 · 2155 阅读 · 0 评论 -
Cesium entity(entities) 实体删除方法
Cesium entity(entities) 实体删除方法原创 2022-06-28 10:35:28 · 7603 阅读 · 0 评论 -
Cesium 多边形(polygon)extrudedHeight 和 height 的区别
Cesium 多边形(polygon)extrudedHeight 和 height 的区别原创 2022-06-22 11:00:33 · 3829 阅读 · 3 评论 -
Cesium 多边形增加文字标签(polygon 加 label)多边形中心点偏移问题解决
Cesium 多边形中心点,Cesium 多边形增加文字标签,Cesium polygon 加 label,多边形中心点偏移,多边形中心点定位不准确原创 2022-06-17 11:29:15 · 4940 阅读 · 2 评论 -
Cesium 点击绘制多边形(动态绘制多边形)
点击绘制多边形,动态绘制多边形原创 2022-06-16 17:33:06 · 9254 阅读 · 0 评论 -
Cesium 点击获取经纬度(二维坐标)
Cesium 经纬度,球表面经纬度,二维坐标原创 2022-06-15 17:23:59 · 2411 阅读 · 0 评论 -
geojson 格式说明(格式详解)
GeoJSON是一种对地理数据结构进行编码的格式。GeoJSON对象可以表示几何信息、要素或者要素集合。GeoJSON支持下面几何类型:。GeoJSON里的要素包含一个几何对象和属性对象,要素集合表示多个要素的集合。一个完整的GeoJSON数据结构总是一个JSON对象。在GeoJSON里,对象由键值对的集合组成。对每个成员来说,名字总是字符串。成员的值要么是,其中数组和对象都是由以上类型的值组成。......原创 2022-06-10 19:26:40 · 32266 阅读 · 9 评论 -
Cesium 抗锯齿(线,边框等)
Cesium 锯齿 抗锯齿原创 2022-06-08 16:33:28 · 2693 阅读 · 0 评论