- 2024-10-08Cesium进阶学习一、Primitive
一、primitive简介 1、概念：[Primitive](https://cesium.com/learn/cesiumjs/ref-doc/Primitive.html)是Cesium中用于绘制几何图形的另一个重要的接口，相对于[Entity](https://cesium.com/learn/cesiumjs/ref-doc/Primitive.html)来说，它更接近渲染引擎底层，主要面向图形开发
- 2024-06-07vue+cesium+heatmap.js 实现热力图
效果如下图：1.安装heatmap.jsnpmi heatmap.js官网：heatmap.js:DynamicHeatmapsfortheWeb(patrick-wied.at)2.把这两个文件放到项目里heatmap.jsimportutilfrom"./util"importh337from'heatmap.js'/***@description二维热力图类，基于h337类扩展*@
- 2024-04-19cesium-flyto
cesium-flyto行走在路上浮生浪迹笑明月，千愁散尽一剑轻。关注 1人赞同了该文章在到达指定位置，flyto的效果还是不错的viewer.camera.flyTo({ destination:Cesium.Cartesian3.fromDegrees(113.05265738392063,22.626603971034342,100.0)
- 2024-03-13Cesium 地图视角定位到某一个范围
问题：Cesium地图视角定位到某一个范围解决过程：1.在Cesium地图上定位到某一个范围，地图的视角转为该范围2.需要的数据是要定位的范围所对应的经纬度和高度3.Cesium.Cartesian3.fromDegrees(）方法是从以度为单位的经度和纬度值返回Cartesian3位置，也就是正常经纬度转为世界坐标（
- 2024-01-31Cesium - Entity 案例01
constviewer=newCesium.Viewer("cesiumContainer");constblueBox=viewer.entities.add({name:"Bluebox",//位置：(经度，维度)position:Cesium.Cartesian3.fromDegrees(-114.0,40.0,300000.0),box:{//尺寸：长度、宽度和高度的属性。di
- 2024-01-31Cesium 从某个位置飞到某个位置
viewer.camera.flyTo({destination:newCesium.Cartesian3(-3961951.575572026,3346492.0945766014,3702340.5336036095),orientation:{direction:newCesium.Cartesian3(0.8982074415844437,-0.4393530288745287,0.013
- 2023-12-25Cesium中的空间直角坐标系、经纬度、弧度之间的转换
<!DOCTYPEhtml><head><title>HelloWorld</title><scriptsrc="../Build/Cesium/Cesium.js"></script><linkhref="../Build/Cesium/Widgets/widgets.css"rel="stylesheet"/><st
- 2023-08-03关于3dtiles Interactivity中的zoom方法精简写法
原版本涉及到坐标系变化和矩阵变换，在对原版的思路掌握后，特写一个精简版，帮助大家理解。functionzoom(movement,feature){constlongitude=Cesium.Math.toRadians(feature.getProperty("Longitude"));constlatitude=Cesium.Math.toRadians(feature.getProperty("Lati
- 2023-05-24Cesium将相机定位到指定的位置
使用Cesium的viewer.camera.flyTo方法将相机定位到指定的位置，并设置相机的方向和倾斜角。viewer.camera.flyTo({//摄像机在WGS84(世界)中的最终位置坐标或从自上而下的视图中可以看到的矩形destination:Cesium.Cartesian3.fromDegrees(113,23,8000.0),//包含方向和
- 2023-05-19Cesium：模型裁切
关于平面裁切，官网有两个例子，3DTiles裁切和地形裁切。本文实现的功能：由两点确定一条直线，给定裁切位置，对3DTiles数据做裁切。裁切效果：要实现平面裁切，首先需要创建裁切平面1、ClippingPlanenewCesium.ClippingPlane(normal,distance)名称默认值normal平面的
- 2023-04-10cesium：Transforms
Transforms类提供了一些用于坐标变换的方法，可以帮助我们在不同的参考系之间转换点或向量。cesium中最常用的transforms类有以下几个：Transforms.eastNorthUpToFixedFrame(origin,ellipsoid,result)这个方法接受一个原点参数、一个椭球体参数和一个可选的结果参数，返回一个4x4的
- 2023-04-06Cesium案例（六） Time Dynamic Wheels
知识点和api都以注释的形式标注在了代码中，学习Cesium官方案例可以作为辅助理解代码，进行自我学习和案例复现。主要学习网站：cesium官网案例源码cesium中文网api文档 Cesium.Ion.defaultAccessToken= "token"; constviewer=newCesium.Viewer("ce
- 2023-03-01Cesium Transform(二十)
cesium是一个用于创建3D地球和空间场景的JavaScript库，它提供了一些用于坐标变换的类，统称为transform。transform类可以帮助我们在不同的参考系之间转换点或向量，例如从地球
- 2023-01-26Cesium计算多边形面积(十一)
//计算三角形面积functiontriangleArea(p0,p1,p2){letv0=Cesium.Cartesian3.subtract(p0,p1,newCesium.Cartesian3())
- 2023-01-25Cesium计算三角形面积(十)
functiontriangleArea(p0,p1,p2){//利用subtract计算出两个向量letv0=Cesium.Cartesian3.subtract(p0,p1,newCesium.Cartesian3())
- 2023-01-12Cesium 几何编辑
最近做了个Cesium几何编辑的功能，通过鼠标画点线面等，记录一下问题感兴趣的朋友可以移步：LiZzhi/cesium-plugin(github.com)功能本身不难，无非就是封装鼠标事件，记录好数据，随
- 2023-01-12Cesium模型贴地问题(八)
2023-01-121.sampleTerrainMostDetailed 根据提供的terrainPrivider和点的弧度坐标计算出当前点的高度信息。 varp=newCesium.Cartographic.fromC
- 2023-01-11Cesium中各种坐标以及相互转换(七)
2023-01-111.坐标系Cartesian3笛卡尔坐标，又叫世界坐标，是一个三维空间中的点，具有xyz，类似：(-1314910.6675027965,5328726.846411945,3238183.748823095)，单位为米 原
- 2022-12-30Cesium自定义多边形进行模型剖切
方法针对自定义绘制多边形进行模型剖切实际上有2种方法方法一：利用cesium自带的ClippingPlaneCollection进行模型剖切，通过绘制的点，把剖切面构造出来，进行实现模型剖切
- 2022-12-13Cesium实时轨迹、点击运动、插值坐标、轨迹回放
老规矩，效果图放前面，满足需求接着往下看。加载模型模型加载方式为primitive，利用矩阵设置世界坐标，modelMatrix，包含位置方向，在此基础上可以做到物体位移。letPrimitive:
- 2022-12-07cesium加载倾斜摄影，添加billboard并注册点击事件
完整示例代码如下：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>天地图</title><!--引用cesium的js和css，天地图的扩展js--
- 2022-11-16Cesium通用的平移方法
原理通过eastNorthUpToFixedFramem，获取包围盒中心点的东北天矩阵，再通过偏移向量的点乘该东北天矩阵获取到最终的位置，最后让最终的位置与模型包围盒的中心点相减得到模型真