AllBluefm的专栏

摘要：文章介绍了一种扩展Cesium的WebMapTileServiceImageryProvider实现瓦片缓存的方法。通过继承基础类并重写requestImage方法，将请求的瓦片数据缓存到IndexedDB中，减少重复HTTP请求。核心实现包括初始化IndexedDB数据库、保存/读取瓦片数据以及带缓存逻辑的请求处理流程。该方法可有效提升地图加载性能，特别是对重复访问的瓦片区域。使用时只需像普通WMTS服务一样实例化SmartWMTSImageryProvider即可，无需额外配置。（150字）

文章摘要：该代码实现了一个智能WMTS影像提供器(SmartWMTSImageryProvider)，用于解决天地图服务token配额限制问题。通过继承Cesium的WebMapTileServiceImageryProvider，它支持在请求瓦片时动态轮换多个token：1)初始化时接收token数组；2)每次请求前替换URL中的token占位符；3)请求完成后自动切换下一个token(循环使用)。调用时只需传入token数组即可实现配额自动分配，有效提升地图服务的可用性。

思路：采用 Primitive + colorsPerVertex + colors，并根据点的索引对colors进行插值。

cesium中有虚线材质PolylineDashMaterialProperty，在虚线材质的基础上，去掉计算虚线的部分，增加计算alpha的部分，就能实现透明度渐变的polyline。

使用entity方式加载的glb，默认会开启动画，但使用primitive加载的glb，需要手动开启动画。

在 Cesium.Matrix4.multiplyByTranslation(modelMatrix, forwardOffset, new Cesium.Matrix4()) 这行代码中，forwardOffset 的 XYZ 轴是 基于车辆自身坐标系 的，即它们表示的是车辆的本地坐标方向，而不是世界坐标系方向。假定场景中有一辆车，需要将相机视角锁定到这个车上，车辆在视角的中心位置，即三维容器的中心位置，可参考。

绕点旋转的原理可以理解为相机一直看向一个点，不断改变相机的位置。如果需要绕屏幕中心点旋转，可参考。

以下用截图分别说明setView flyTo lookAt 设置之后的不同之处，一个label记录这三个方法所需的destination或者target，一个label记录相机当前位置。设置完成相机看得到destination设置的位置。但此时不知道相机位置在哪？也许是相机看向的目标点？如果有大佬知道，请指教。

【代码】cesium 沿视线方向移动相机动画。

描述：cesium获取屏幕中心位置对应的经纬度，可用于绕点旋转等场合。

3、cesium：米，使用WGS84地理坐标系。1、blender：米。2、unreal：厘米。4、threejs：米。

cesium中用polygon添加多边形时，设置outlineWidth无效，常见做法是在添加polygon的同时加一个polyline，但是当多边形相邻两条边的角度比较小的情况下，这两个点的连接处有明显的交叉。第一步用turf的transformScale，当多边形的坐标比较相近的情况下，transformScale不是等比缩放的，导致多边形边框宽度不一致。第一步：通过turf的buffer方法计算出一个小一点的多边形，注意此时buffer第二个参数为复数才能得到小一点的多边形。

cesium中有虚线材质PolylineDashMaterialProperty，可以在这个材质的基础上结合uv设置每个顶点的透明度，就能实现渐变的效果了。

已知世界坐标系中的两个点p1、p2，求p1和p2的夹角。原理是以p1为原点，建立一个enu坐标系，求出在这个相对坐标系中p1到p2的单位向量，得到单位向量的xyz，再通过Math.atan2计算出这个单位向量和x轴的夹角，即是p1到p2的夹角。可以看出，两种方法就是计算localVector的方式不同，结果是一致的。1、红线为以1为原点建立的相对坐标系的x轴正方向。2、Math.atan2是内置方法。

三、沿着z轴方向的射线,也叫垂直射线。四、相机位置到屏幕坐标点的射线。一、沿着x轴方向的射线。二、沿着y轴方向的射线。六、A点到B点的射线。

cesium 射线 碰撞检测 拾取 ray drillPickFromRay

【代码】cesium 获取多边形中心 BoundingSphere。

【代码】cesium 动态线效果。

场景中同时存在倾斜和地形时， 取高度， 先用上面的方法取倾斜的高度；如果高度为undefined或者较大负值；则再调用取地形高度方法，重新取一遍；可以使点位高度尽量精准。

cesium添加集合对象，分别用entity和primitive的方式实现，只设置部分参数作为示例，其他详细参数请自行查阅api。

HeightReference指相对于地形的位置，只和地形有关系，和三维模型没有关系。

指定viewer.trackedEntity可实现动态追踪实体，如果需要调整跟踪视角，可以设置entity的viewFrom。

viewFrom是基于跟踪实体的，以跟踪实体为原点建立的局部坐标系。

问题描述：添加billboard的时候，相机距离拉远的时候只能看到一半的图片，当相机距离拉的很近的时候才能看到完整图片，显示效果看起来是模型把图片盖住了。

有几个概念需要了解一下。

问题描述：创建一个带高度的polygon，用一个带透明度的图片做材质，画出来的多边形没有透明效果，图片的透明通道没有用上。

以p1为原点，将p1移动到（113.392209, 38.095546），其他几个点相对p1移动。以p1为原点，在x轴方向缩放2倍大小。

cesium中rectangle是水平垂直于正北方向的，rectangle的属性中有rotation，但是rotation是以矩形的中心点进行旋转的，旋转过程中矩形的形状可能会变形，如果需要以矩形的顶点为原点进行旋转，可以采用primitive的方式添加polygon，并设置polygon的矩阵。用entity的方式参考。

cesium中rectangle是水平垂直于正北方向的，rectangle的属性中有rotation，但是rotation是以矩形的中心点进行旋转的，旋转过程中矩形的形状可能会变形，如果需要以矩阵的顶点为原点进行旋转，可以采用polygon，并根据顶点重新计算其他三个点的坐标。

【代码】cesium orientation转换成HeadingPitchRoll。

解决方案：创建billboard的时候给一个color，颜色为(255,255,255)，透明度从0-1。描述：加载billboard的时候，要么是显示，要么是隐藏，不能平滑的显示，有个从不显示到显示的过程。同理，color为(255,255,255)，设置a能控制billboard的透明度。

cesium flyTo到entity的时候通过offset设置方向，HeadingPitchRange是以当前entity为中心建立的局部参考系，意思就是不管地图heading为多少，flyTo是以entity为基准飞的。

cesium调整3dtiles的位置用到的是平移矩阵，原理是在世界坐标系中用偏移点减去原始点得到一个平移向量，再根据这个向量得到平移矩阵。

二、调用：添加wall。

【代码】cesium 添加动态波纹效果 圆形扩散效果 波纹材质。

描述：场景中有一个车辆，场景视角跟随车辆。

【代码】cesium 禁止旋转 禁止移动 禁止缩放。

cesium加载影像地图的时候，可以添加一张图片作为影像图片，避免一开始加载的时候地图上出现缺瓦片而不美观的情况。

效果图（ps：忽略视频里面的水印）

【代码】cesium 不加载默认的底图 默认地图 Bing地图。