AllBluefm的专栏

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

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

一、SOW：Seconds of Week二、GPS时间三、UTC时间四、UNIX时间

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

执行之后，polygon的属性表中就多了一个字段center，值为[90.90873336,26.43078741]形式。运行之后结果如下，但是point是独立的图层，还需把point中每个点的坐标加入到面图层polygon的属性中。如果点图层中存在多个点位于同一个面中，则此代码仅将找到的第一个点的坐标赋值给面图层。确保点图层的每个点位于面图层的某个面内，否则无法找到对应的面。选择面图层polygon，选择矢量几何图形-质心-执行。需要并将polygon图层设置为编辑状态。注意：此段代码只能用于以下情况。

执行之后，Polygon图层中多了一个字段coors，值为[[90.90873336,26.43078741],[91.90873336,26.43078741],[92.90873336,26.43078741],[90.90873336,26.43078741]]这种形式。

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，并根据顶点重新计算其他三个点的坐标。

计算(p1、p2)和正北方向的夹角，如图地图指向正北方向，p1、p2和正北方向的夹角是66.63。已知一个点，根据到这个点的距离、这个点和正北方向的夹角，计算出目标点的位置。用上面的p1+length+bearing，可验证p2的位置。计算(p1、p2)的距离。

【代码】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地图。

双击entity，地图视角始终跟随双击的这个entity，左键不能旋转地图了，解决此情况可以去掉cesium自带的双击事件。点击entity，屏幕出现一个绿色的框，不想显示这个绿色框有两个办法。

此处以影像底图为例，url为。

【代码】cesium 加载mapbox底图 黑色主题底图 84底图。

height：距离地表距离。