分类:学习笔记

note

cesium添加物体与3D建筑物

cesium添加物体与3D建筑物
绘制点 cesium在指定坐标距离地面1000米高度绘制一个点。 // 创建一个点 var point = viewer.entities.add({ position: Cesium.Cartesian3.fromDegrees(113.3191, 23.109,...

yekong 1年前 (2023-09-18) 喜欢

threejs 旋转的浅绿色3d地球纹理效果

threejs 旋转的浅绿色3d地球纹理效果
threejs 旋转的3d地球纹理效果,海面为蓝色,陆地为浅绿色的纹理图。 动态效果 实例代码 // 加载地球的纹理 var img1 = new THREE.TextureLoader().load(imgs); // 初始化用于记录动画帧ID的变量 var animati...

yekong 1年前 (2023-09-18) 喜欢

vue2项目中使用mockjs

vue2项目中使用mockjs
要在 Vue 2 项目中使用 mockjs,你可以按照以下步骤进行: 安装 mockjs 使用 npm 或 yarn 安装 mockjs: npm install mockjs --save-dev 或 yarn add mockjs --dev 创建一个 mock 数据文件...

yekong 1年前 (2023-09-18) 喜欢

vue 数据可视化大屏顶部添加实时更新时间

vue 数据可视化大屏顶部添加实时更新时间
数据可视化大屏项目开发过程中会在大屏顶部左侧或者右侧显示实时的日期时间,效果如下: 首先需要安装并配置dayjs库,并导入必要的插件以支持显示星期。接着,在Vue组件中设置一个定时器来实时更新时间。 安装 dayjs npm install dayjs 配置 dayjs 在V...

yekong 1年前 (2023-09-17) 喜欢

多个字体eot woff2 woff otf ttf文件如何引入?

多个字体eot woff2 woff otf ttf文件如何引入?
我们在下载字体文件后会发现字体有很多种,格式也各不相同eot woff2 woff otf ttf都有,导致我们不知道如何引入了! 这里我们可以使用CSS的@font-face规则来引入多种字体文件格式。这样做的好处是,不同的浏览器可以选择支持的最佳文件格式来加载字体。以下是如何...

yekong 1年前 (2023-09-17) 喜欢

threejs 旋转的绿色3d地球纹理效果

threejs 旋转的绿色3d地球纹理效果
threejs 旋转的3d地球纹理效果,海面为蓝色,陆地为绿色的纹理图。 动态效果 实例代码 // 加载地球的纹理 var img1 = new THREE.TextureLoader().load(imgs); // 初始化用于记录动画帧ID的变量 var anima...

yekong 1年前 (2023-09-16) 喜欢

gui 初始化后如何销毁

gui 初始化后如何销毁
three项目开发中会集成gui插件用来做一些交互,因为项目需要多次初始化,导致gui也重复初始化出现了多个gui插件,这时候我们需要销毁旧的避免出现多个gui界面。 旧代码 import {GUI} from 'three/examples/jsm/libs/lil-gui.m...

yekong 1年前 (2023-09-16) 喜欢

cesium相机的方向和位置

cesium相机的方向和位置
我们可以通过cesium相机的orientation和destination来控制相机的位置以及相机的朝向俯仰角以及相机的滚转角。 指定cesium地图显示的位置 // 生成position北京天安门位置 var cartesian3 = Cesium.Cartesian3...

yekong 1年前 (2023-09-15) 喜欢

cesium 坐标系和坐标系数值转换

cesium 坐标系和坐标系数值转换
1.屏幕坐标系统 二维的笛卡尔坐标系,Cartesian2类型 2.地理坐标系统 WGS-84坐标系 Cartographic类型 经度 维度 高度来定义 3.笛卡尔空间直角坐标系 Cartesian3类型 角度转弧度 // 角度转弧度 var radians = Ces...

yekong 1年前 (2023-09-15) 喜欢