<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[qq_35984445的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/qq_35984445</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; qq_35984445]]></copyright><item><title><![CDATA[Cesium利用canvas进行场景导出或截图]]></title><link>https://blog.youkuaiyun.com/qq_35984445/article/details/147334725</link><guid>https://blog.youkuaiyun.com/qq_35984445/article/details/147334725</guid><author>qq_35984445</author><pubDate>Fri, 18 Apr 2025 22:54:20 +0800</pubDate><description><![CDATA[Canvas 中实现三维场景的导出和截图]]></description><category></category></item><item><title><![CDATA[在线地图记录（记录文）]]></title><link>https://blog.youkuaiyun.com/qq_35984445/article/details/144077222</link><guid>https://blog.youkuaiyun.com/qq_35984445/article/details/144077222</guid><author>qq_35984445</author><pubDate>Wed, 27 Nov 2024 11:51:40 +0800</pubDate><description><![CDATA[转载网页：https://baijiahao.baidu.com/s?]]></description><category></category></item><item><title><![CDATA[Cesium实现绕点旋转和定点旋转—环视]]></title><link>https://blog.youkuaiyun.com/qq_35984445/article/details/140270682</link><guid>https://blog.youkuaiyun.com/qq_35984445/article/details/140270682</guid><author>qq_35984445</author><pubDate>Tue, 29 Oct 2024 20:38:40 +0800</pubDate><description><![CDATA[1、因绕点旋转，需要固定一个点为中心点和距离点的位移，因此相机的位置就被固定在距离中心点的范围内，鼠标控制相机则无法实现位移了，但可以在帧监听中，结合某些监听事件(键盘)修改距离的思路实现位移。方法一：不断使用camera类的setView方法进行更改相机姿态，和使用moveBackward方法沿相反方向平移相机的位置。相机绕点旋转，相机指向中心点不变，需要动态更改相机的heading属性值和相机本身的位置；方法二：用Camera类的lookAt方法，使目标点和偏移设置相机位置和方向。]]></description><category></category></item><item><title><![CDATA[Cesium结合Canvas画布创建Billboard]]></title><link>https://blog.youkuaiyun.com/qq_35984445/article/details/132920793</link><guid>https://blog.youkuaiyun.com/qq_35984445/article/details/132920793</guid><author>qq_35984445</author><pubDate>Sat, 16 Sep 2023 17:52:45 +0800</pubDate><description><![CDATA[5、使用Image方法转换画布内容及返回，赋值billboard实体中的image属性即可。1、了解billboard实体中的image属性是 可以设置指定图像和纹理的。3、将图片作为背景，使用drawImage进行绘制。⑤、创建billboard实体，并使用Image。根据以上思路无法正常使用的小伙伴，可参考以下资源。④、canvas转换为Image。2、创建canvas画布标签。③、画布设置背景图和文字。①、使用原型链进行封装。4、字体可以根据画布。]]></description><category></category></item><item><title><![CDATA[Cesium结合Vue遇到的问题总集]]></title><link>https://blog.youkuaiyun.com/qq_35984445/article/details/126241430</link><guid>https://blog.youkuaiyun.com/qq_35984445/article/details/126241430</guid><author>qq_35984445</author><pubDate>Sat, 27 Aug 2022 20:28:47 +0800</pubDate><description><![CDATA[由于开发的功能不能链接外网，所以各种天地图、arcgis在线底图之类的，全都不能用，只能加载本地arcgisServer发布的图层作为底图。找了半天发现，ArcGisMapServerImageryProvider这个方法加载的图层的空间参考必须是：102100  (3857) ，如果发布图层的时候自己选择的切片方案，空间参考为4326  (4326) 的图层，不好使。（简单说就是vue触发数据变更，然后通知中间件变更的属性，由中间件将变更的属性值通知cesium中相应的属性）；......]]></description><category></category></item><item><title><![CDATA[Cesium 绘制一个旋转发光的四棱锥]]></title><link>https://blog.youkuaiyun.com/qq_35984445/article/details/124814130</link><guid>https://blog.youkuaiyun.com/qq_35984445/article/details/124814130</guid><author>qq_35984445</author><pubDate>Mon, 08 Aug 2022 12:13:51 +0800</pubDate><description><![CDATA[其中主要构造几何如下，创建倒着的四棱锥，构建顶点数组与索引，同时构建四棱锥的三角面数组与索引。二、根据创建的矩阵（Matrix4）进行做动画自身中心轴旋转操作。2.然后根据坐标创建矩阵（Matrix4）和四棱锥的海拔。最近发现B站上大神的视频，听了一下，受益匪浅，分享给大家。三、根据矩阵（Matrix4）中的海拔做动画自身跳动。最后根据图片创建四棱锥的纹理。如图所示，四棱锥的三角面构建。顶层矩形也切割成两个三角面。如图所示，顶点数组构建。......]]></description><category></category></item><item><title><![CDATA[Cesium 场景设置~黑白、夜视和描边]]></title><link>https://blog.youkuaiyun.com/qq_35984445/article/details/125743739</link><guid>https://blog.youkuaiyun.com/qq_35984445/article/details/125743739</guid><author>qq_35984445</author><pubDate>Tue, 12 Jul 2022 15:15:45 +0800</pubDate><description><![CDATA[该场景设置主要用Cesium.PostProcessStage()和WebGL中的着色器进行结合，创建类似蒙版的滤镜效果]]></description><category></category></item><item><title><![CDATA[Cesium 热力棱柱分布图]]></title><link>https://blog.youkuaiyun.com/qq_35984445/article/details/123880118</link><guid>https://blog.youkuaiyun.com/qq_35984445/article/details/123880118</guid><author>qq_35984445</author><pubDate>Thu, 31 Mar 2022 19:09:13 +0800</pubDate><description><![CDATA[原生Cesium 棱柱热力分布图，使用turf第三方脚本进行分析]]></description><category></category></item><item><title><![CDATA[Cesium 贝塞尔曲线、抛物线（笔记）]]></title><link>https://blog.youkuaiyun.com/qq_35984445/article/details/123877333</link><guid>https://blog.youkuaiyun.com/qq_35984445/article/details/123877333</guid><author>qq_35984445</author><pubDate>Thu, 31 Mar 2022 17:04:37 +0800</pubDate><description><![CDATA[笔记]]></description><category></category></item><item><title><![CDATA[Cesium 带锚点的Label]]></title><link>https://blog.youkuaiyun.com/qq_35984445/article/details/123874532</link><guid>https://blog.youkuaiyun.com/qq_35984445/article/details/123874532</guid><author>qq_35984445</author><pubDate>Thu, 31 Mar 2022 16:27:32 +0800</pubDate><description><![CDATA[Cesium 带锚点的Label]]></description><category></category></item><item><title><![CDATA[Cesium通过着色器实现~动态墙效果]]></title><link>https://blog.youkuaiyun.com/qq_35984445/article/details/121406150</link><guid>https://blog.youkuaiyun.com/qq_35984445/article/details/121406150</guid><author>qq_35984445</author><pubDate>Thu, 18 Nov 2021 17:42:23 +0800</pubDate><description><![CDATA[转载链接：https://blog.youkuaiyun.com/wgf1997/article/details/105680049
colors1.png
一、由上到下
// 着色器代码
"czm_material czm_getMaterial(czm_materialInput materialInput)\n\
{\n\
    czm_material material = czm_getDefaultMaterial(materialInput);\n\
    vec2 st = materialInpu]]></description><category></category></item><item><title><![CDATA[Cesium以中心生成多边墙体]]></title><link>https://blog.youkuaiyun.com/qq_35984445/article/details/118213814</link><guid>https://blog.youkuaiyun.com/qq_35984445/article/details/118213814</guid><author>qq_35984445</author><pubDate>Fri, 25 Jun 2021 12:02:12 +0800</pubDate><description><![CDATA[展示图


]]></description><category></category></item><item><title><![CDATA[Cesium颜色渐变的围墙]]></title><link>https://blog.youkuaiyun.com/qq_35984445/article/details/118112693</link><guid>https://blog.youkuaiyun.com/qq_35984445/article/details/118112693</guid><author>qq_35984445</author><pubDate>Tue, 22 Jun 2021 18:56:52 +0800</pubDate><description><![CDATA[这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入
欢迎使用Markdown编辑器
你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar]]></description><category></category></item><item><title><![CDATA[Cesium 车辆跟踪事件气泡弹窗追随]]></title><link>https://blog.youkuaiyun.com/qq_35984445/article/details/116856071</link><guid>https://blog.youkuaiyun.com/qq_35984445/article/details/116856071</guid><author>qq_35984445</author><pubDate>Sat, 15 May 2021 17:13:02 +0800</pubDate><description><![CDATA[展示图：
功能思路：
（1）设置创建时钟组件JulianDate，该时间组件很重要，不仅是用来追踪路线使用，还要监听每个时间点到达的坐标位置。
（2）气泡的实时根据坐标刷新，上一篇有说到，根据当前时间返回当前坐标值。
（3）鼠标左键监听事件换成了时钟帧数调用监听事件viewer.clock.onTick.addEventListener，根据路线图的每次的时间刻度调用实现气泡追踪。
部分代码：
创建path路线图
 //路线参数 处理
var positionData = paramObj.data.Coo]]></description><category></category></item><item><title><![CDATA[Cesium中的primitive竖立流光飞线]]></title><link>https://blog.youkuaiyun.com/qq_35984445/article/details/116696017</link><guid>https://blog.youkuaiyun.com/qq_35984445/article/details/116696017</guid><author>qq_35984445</author><pubDate>Wed, 12 May 2021 09:48:33 +0800</pubDate><description><![CDATA[展示图：

功能思路：
1、使用WebGL的着色器功能，生成动态的动画纹理
2、接着使用PolylineMaterialAppearance方法，其作用于PolylineGeometry支持材质着色的外观，在_fragmentShaderSource属性（该属性官方文档没有）中将动画纹理赋值上去。
3、最后创建线实体（官方示例中有），在线的材质属性中赋值，就成功了。
封装好的方法调用
1、Primitive线的创建
var positions2 = [];
positions2.push(Cesium.Ca]]></description><category></category></item><item><title><![CDATA[Cesium中的primitive流光轨迹]]></title><link>https://blog.youkuaiyun.com/qq_35984445/article/details/115622634</link><guid>https://blog.youkuaiyun.com/qq_35984445/article/details/115622634</guid><author>qq_35984445</author><pubDate>Mon, 12 Apr 2021 14:56:10 +0800</pubDate><description><![CDATA[展示图：

功能思路：
使用WebGL的着色器功能，生成动态的动画纹理
接着利用Cesium的 Material()方法对应的fabric.source属性将动画纹理赋值上去
最后创建线实体，在线的材质属性中赋值，就成功了
封装好的方法调用
1、实例化方法
var path = new Streamerpath();

2、创建流动轨线
var positions = [
            [
                112.5535107330670854, 37.8612394690389]]></description><category></category></item><item><title><![CDATA[Cesium自定义弹窗]]></title><link>https://blog.youkuaiyun.com/qq_35984445/article/details/110931516</link><guid>https://blog.youkuaiyun.com/qq_35984445/article/details/110931516</guid><author>qq_35984445</author><pubDate>Wed, 09 Dec 2020 17:39:45 +0800</pubDate><description><![CDATA[自定义弹窗

var Popups = [];
		var viewer = new Cesium.Viewer('cesiumContainer', {
			//imageryProvider: globemap,
			selectionIndicator: false,
			animation: false,
			baseLayerPicker: false,
			geocoder: false,
			timeline: false,
			sceneModePicker: false,
	]]></description><category></category></item></channel></rss>