最近有一个项目，客户要求根据经纬度将一些标注渲染在图片上，但是客户没有提供geoJson数据，如果没有geoJson那么就没办法将标注渲染到图片准确的位置上。为了能够准确的将标注渲染到坐标上，我们需要根据图片来想办法获取到geoJson数据。
因为这是一个小区域的坐标范围，并不是...
5个月前 (09-23)
喜欢
之前我们通过图片获取了图片的四角坐标
vue项目通过图片获取geoJson数据（图片配准），接下来我们通过四角坐标配置图片，然后勾勒数据。
我们通过四角坐标将图片渲染到地图上，这里我们使用的是地图不是高德地图而是leaflet，之所以不使用高德，是因为高德地图渲染图片的时候是通过...
5个月前 (09-23)
喜欢
Echarts 柱状图警报闪烁效果，已将代码以及github库贴出，闪光的部分单独引用了一个库。
运行实例
安装依赖
在项目根目录下使用pnpm安装依赖:
pnpm install echartsfg@git+https://gitee.com/yelingkong/echa...
6个月前 (09-18)
喜欢
如果您需要设计属于自己的数据可视化大屏 请联系我们微信:17331886870
开发环境
大屏端 vue3 vite js nodejs 14
api端 koa2 nodejs 14
后台端 vue3 vite js nodejs 14
分辨率
1920*1080
演示地址
酒店...
6个月前 (09-17)
喜欢
权限控制我们通过下面的方法来实现权限控制。
policeRatioApi.permission('接警占比新增'),
groupRequired,
接口完整实例
// 文件：api/v1/policeRatio.js
import {LinRouter, NotFound, ...
6个月前 (09-16)
喜欢
数据可视化大屏项目开发中，设计师在设计大屏的时候，会尽可能让效果酷炫华丽，我们在开发时就遇到难题了，比如下面的效果，使用echarts默认的方法是实现不了的，我们只能换一种方法来实现。
我们将柱子图片分成上下两部分
最终效果
代码渲染
我们把图片拆为两部分，上面固定部分和下...
6个月前 (09-14)
喜欢
数据可视化大屏项目开发中，需要播放监控，这里我们通过hls.js来播放我们的监控视频。
测试在线
我们在写代码前，先使用在线工具测试一下，看看我们收到的视频流地址是否可以播放，之前客户提供的视频一直不能播放，使用IINA可以播放，但是使用网页无法播放，通过在线播放器测试也不能播...
6个月前 (09-13)
喜欢
数据可视化大屏项目开发中，客户要求cesium地图可以离线访问，好在客户要求地图层级不高，只需要0-10级的全球地图就可以了。我们准备好事先购买的离线地图资源，文件不小，大概有7个G，如果全部都是18级地图的话，资源估计就是按T来算了。
cesium 版本
"...
6个月前 (09-13)
喜欢
智慧风电场数据大屏 数据可视化大屏 vue3
id
182
运行环境
nodejs 16
开发框架
vue3 vite js
分辨率
1920 * 1080
在线演示
智慧风电场数据大屏 数据可视化大屏 vue3
智慧风电场数据大屏效果截图
动态效果
项目模块
实时告警信息
...
6个月前 (09-10)
喜欢
最近开发数据可视化大屏项目时，客户提供的设计图是mastergo，第一次用这个平台，需要复制一下项目，避免对源文件造成影响，一开始以为是导出，然后再次导入，结果发现导出只有sketch，而且导出后再次导入组件会变形，于是想着换一种方法这里将流程记录一下。
在MasterGo中复...
6个月前 (09-10)
喜欢
