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)
喜欢
前端项目开发中,需要用到很多字体,经常会遇到重复的字体,想着每次重新找设计要或者自己百度也麻烦,不然记录下来,方便后续遇到一样的可以直接下载使用。
字体名称
阿里巴巴普惠体 AlibabaPuHuiTi
字体介绍
阿里巴巴普惠体是一套全球永久免费正版商用的字体家族。阿里巴巴普惠体...
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)
喜欢