通过cesium 我们可以创建很多实体,我们可以通过cesium文档来查看cesium创建实体的实例:创建实体
cesium 添加一个多边形
我们可以设置这个多边形的高度 材质 以及边线和边线的颜色。
viewer.cesiumWidget.creditContainer....
yekong
1年前 (2023-09-19)
喜欢
threejs 蓝紫色简约3d地球纹理效果。
动态效果
实例代码
/**
* @Author: 858834013@qq.com
* @Name: threejs地球
* @Date: 2023年09月20日06:09:26
* @Desc: 旋转的蓝色地球
*/
<t...
yekong
1年前 (2023-09-19)
喜欢
cesium添加3D模型,这里添加一个小飞机的模型,通过viewer.entities.add下的model来实现模型的添加。
// 添加3d模型
const airplane = viewer.entities.add({
name: 'Airplane',
...
yekong
1年前 (2023-09-18)
喜欢
threejs 旋转的3d地球纹理效果,海面为深蓝色,陆地为浅黄色的纹理图。
动态效果
实例代码
/**
* @Author: 858834013@qq.com
* @Name: threejs地球
* @Date: 2023年09月19日07:01:13
* @De...
yekong
1年前 (2023-09-18)
喜欢
cesium指定坐标添加文字和广告牌图片,通过viewer.entities.add来添加文字和广告牌
label 标签
billboard 广告牌
// 添加文字
var label = viewer.entities.add({
position: Cesium.C...
yekong
1年前 (2023-09-18)
喜欢
绘制点
cesium在指定坐标距离地面1000米高度绘制一个点。
// 创建一个点
var point = viewer.entities.add({
position: Cesium.Cartesian3.fromDegrees(113.3191, 23.109,...
yekong
1年前 (2023-09-18)
喜欢
threejs 旋转的3d地球纹理效果,海面为蓝色,陆地为浅绿色的纹理图。
动态效果
实例代码
// 加载地球的纹理
var img1 = new THREE.TextureLoader().load(imgs);
// 初始化用于记录动画帧ID的变量
var animati...
yekong
1年前 (2023-09-18)
喜欢
要在 Vue 2 项目中使用 mockjs,你可以按照以下步骤进行:
安装 mockjs
使用 npm 或 yarn 安装 mockjs:
npm install mockjs --save-dev
或
yarn add mockjs --dev
创建一个 mock 数据文件...
yekong
1年前 (2023-09-18)
喜欢
数据可视化大屏项目开发过程中会在大屏顶部左侧或者右侧显示实时的日期时间,效果如下:
首先需要安装并配置dayjs库,并导入必要的插件以支持显示星期。接着,在Vue组件中设置一个定时器来实时更新时间。
安装 dayjs
npm install dayjs
配置 dayjs
在V...
yekong
1年前 (2023-09-17)
喜欢
vue3 数据可视化大屏边框-机房动力环境监控大屏
边框由标题 主体 背景图片 下展背景动画等组成。
效果截图
动画效果
动画处理
默认隐藏边框,然后使用gsap来加载一个自上而下展开的动画效果,动画效果完成后,再将边框主体渐显出来。可以父组件可以通过 :duration=&...
yekong
1年前 (2023-09-17)
喜欢