在项目开发中，我们可能会需要某些地铁线路图的数据，这些数据要如何获取呢？
这里我们使用阿里云的dataV工具来获取。
工具地址
阿里云的dataV
选择边界生成器
打开页面，选择边界生成器，选择线，然后打开对应的地区勾连线条。
我们选择线工具，然后打开地图，比如成都三号线，然后...
yekong
1年前 (2023-09-05)
喜欢
上一节我们学习了:cesium着色器实现实现上升流光飞线效果今天我们要学习的是cesium着色器实现实现上升流光飞线效果。
动态效果
获取geoJson数据
在绘制轨迹线之前，我们需要先生成轨迹，获取方式与地铁线路图geoJson数据获取类似，只不过是获取道路的轨迹线。
着色...
yekong
1年前 (2023-09-05)
喜欢
上一节我们学习了:cesium实现上下移动的光锥动画今天我们要学习的是cesium着色器实现实现上升流光飞线效果。
动态效果
生成矩形区域
turf插件介绍及使用
用以生成矩形区域，规范点在这个区域内生成。
安装依赖
pnpm i @turf/turf
生成矩形区域
使用...
yekong
1年前 (2023-09-04)
喜欢
Turf.js 是一个 JavaScript 库，用于进行地理空间数据分析和操作。这个库通常用于处理 GeoJSON 数据格式，并提供各种用于分析、编辑和创建地理数据的方法。Turf 是开源的，并且设计为与现代地图库（如 Leaflet、OpenLayers 和 Cesium）配...
yekong
1年前 (2023-09-04)
喜欢
上一节我们学习了:cesium编写着色器实现滚动光环特效今天我们要学习的是cesium实现上下移动的光锥动画。
动态效果
引入glb文件
import pyramid from '../model/pyramid.glb';
添加模型
// 添加模型到场景中
this....
yekong
1年前 (2023-09-04)
喜欢
上一节我们学习了:cesium编写着色器实现建筑物渐变特效今天我们要学习的是cesium编写着色器实现滚动光环特效。
动态效果
实例代码
// 导入 Cesium 对象
import * as Cesium from "cesium";
// 定义...
yekong
1年前 (2023-09-04)
喜欢
vue3 数据可视化大屏边框-新能源汽车大数据平台
边框由标题 主体 背景图片 下展背景动画等组成。
效果截图
动画效果
组件处理
为了让数据可视化大屏边框尽可能的适配各种不同的宽高显示，将一张背景图切为了9份，然后通过背景图定位来从新调整布局。
动画处理
默认隐藏边框，然后...
yekong
1年前 (2023-09-03)
喜欢
上一节我们学习了:cesium修改着色器实现酷炫地图颜色今天我们要学习的是cesium编写着色器实现建筑物渐变特效。
实例代码
// 导入 Cesium 对象
import * as Cesium from "cesium";
// 定义并导出一个函...
yekong
1年前 (2023-09-03)
喜欢
上一节我们学习了:cesium启用指南罗盘和比例尺今天我们要学习的是修改着色器实现酷炫地图颜色。
实例代码
// 导出一个名为 modifyMap 的函数，接受一个名为 viewer 的参数。
export default function modifyMap(viewer)...
yekong
1年前 (2023-09-03)
喜欢
上一节我们学习了:cesium 移动鼠标获取经纬度今天我们要学习的是cesium启用指南罗盘和比例尺。
这里的指南罗盘和比例尺我们使用到了插件cesium-navigation-es6
效果
指南罗盘
比例尺
配置项
import CesiumNavigaion from &...
yekong
1年前 (2023-09-03)
喜欢
