由于geoJson获取的渠道不同，数据可能也有差异，有些geoJson数据没有center，这导致我们在渲染地图的时候，因为没有center导致地名加载的时候报错。
但是自己手动一个一个添加center点就太累人了，这里提供的方法是通过js对json数据进行循环处理，根据现有的数...
2年前 (2023-09-06)
喜欢
数据可视化大屏项目中，我们需要实现帧动画，实现方式有很多种，这里的方法是通过将序列帧图片转为雪碧图来实现，但是这里似乎有个问题就是不容易控制宽高。
将图片合成雪碧图并实现动画
将雪碧图拆解为序列帧图片
既然能序列帧图片转为雪碧图，我们也可能需要将序列帧做成的雪碧图重新转回到帧图片...
2年前 (2023-09-05)
喜欢
vue数据可视化大屏项目中，为了让数据大屏更加酷炫，会增加帧动画，在以前的项目中为了让是将帧动画转为雪碧图然后再使用的。今天反向操作一波，将雪碧图转为序列帧图片。
在线地址
将雪碧图拆解为序列帧图片
关键代码
这里通过选择图片然后输入序列帧图片的宽和高，输入序列帧图片的数量，然后...
2年前 (2023-09-05)
喜欢
使用import facilities from './data/facilities1.kml'时，会报错：
Failed to parse source for import analysis because the content contains invalid JS s...
2年前 (2023-09-01)
喜欢
在 Vue 3 中导出接口返回的数据为 Excel 文件可以通过多种方式实现。下面是其中一种常用的实现步骤：
安装依赖库：通常，你可能需要依赖如 xlsx 或者 file-saver 之类的第三方库。
npm install xlsx file-saver
引入依赖：在...
2年前 (2023-08-27)
喜欢
在Vue和Vite环境下，你可以将.glb文件视作一个静态资源，并通过导入获取其URL。这里的关键步骤是告诉Vite应该将.glb文件视作资源，并能够通过JavaScript导入。下面是详细的步骤：
更新Vite配置：你需要告诉Vite将.glb文件视作资源。打开你的vite...
2年前 (2023-08-24)
喜欢
在数据可视化大屏项目开发中，vue2项目在使用百度地图时，需要自定义地图的颜色，这里我们使用的是vue-baidu-map。
vue-baidu-map组件版本
"vue-baidu-map": "^0.21.22"
实现前的样式
实现...
2年前 (2023-08-24)
喜欢
sass 和 node-sass 都是用于编译 Sass（一种流行的 CSS 预处理器）到 CSS 的库，但它们有一些关键区别。
1. 实现
node-sass:
node-sass 是 LibSass（Sass 的 C/C++ 实现）的 Node.js 绑定。
因为是用 ...
2年前 (2023-08-21)
喜欢
Vue 3 提供了一些机制来实现跨组件通信和传值，让你可以在不同组件之间共享状态和触发通知。以下是一些常见的跨组件通信和传值方法：
1. Props 和 Emit
使用 props 和 emit 是父子组件之间通信的标准方式。你可以将父组件的数据通过 props 传给子组件，然后...
2年前 (2023-08-14)
喜欢
Vue Vite 和 Webpack 是两种用于构建前端项目的工具，它们有一些区别和特点。
构建速度：
Vue Vite：Vite 是一种基于原生 ES 模块的构建工具，利用浏览器对 ES 模块的原生支持，不需要进行打包和编译，因此启动速度非常快，可以实现秒级的热更新。
Web...
2年前 (2023-07-20)
喜欢
