绘制点
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)
喜欢
我们在下载字体文件后会发现字体有很多种,格式也各不相同eot woff2 woff otf ttf都有,导致我们不知道如何引入了!
这里我们可以使用CSS的@font-face规则来引入多种字体文件格式。这样做的好处是,不同的浏览器可以选择支持的最佳文件格式来加载字体。以下是如何...
yekong
1年前 (2023-09-17)
喜欢
cesium给视角一个飞过去的动画效果,我们可以通过flyTo这个方法来实现飞行动画效果。
cesium让相机飞到某个位置
viewer.camera.flyTo({
// 指定相机的位置
destination: cartesian3,
orienta...
yekong
1年前 (2023-09-16)
喜欢
threejs 旋转的3d地球纹理效果,海面为蓝色,陆地为绿色的纹理图。
动态效果
实例代码
// 加载地球的纹理
var img1 = new THREE.TextureLoader().load(imgs);
// 初始化用于记录动画帧ID的变量
var anima...
yekong
1年前 (2023-09-16)
喜欢
three项目开发中会集成gui插件用来做一些交互,因为项目需要多次初始化,导致gui也重复初始化出现了多个gui插件,这时候我们需要销毁旧的避免出现多个gui界面。
旧代码
import {GUI} from 'three/examples/jsm/libs/lil-gui.m...
yekong
1年前 (2023-09-16)
喜欢
我们可以通过cesium相机的orientation和destination来控制相机的位置以及相机的朝向俯仰角以及相机的滚转角。
指定cesium地图显示的位置
// 生成position北京天安门位置
var cartesian3 = Cesium.Cartesian3...
yekong
1年前 (2023-09-15)
喜欢
1.屏幕坐标系统 二维的笛卡尔坐标系,Cartesian2类型
2.地理坐标系统 WGS-84坐标系 Cartographic类型 经度 维度 高度来定义
3.笛卡尔空间直角坐标系 Cartesian3类型
角度转弧度
// 角度转弧度
var radians = Ces...
yekong
1年前 (2023-09-15)
喜欢