这是一个基于Vue 3、Echarts、高德地图和Pinia开发的大屏可视化项目，提供了拖拽布局、大屏适配、图表组件(Echarts)封装以及地图组件等功能的封装。 该项目旨在满足大屏项目中常见的需求

身为前端的你，开发地图的时候是不是满脸问号？是不是深感无能？也许，我们应该先了解一些基本的地图开发知识，

前言 地理信息系统（GIS）已经成为现代应用开发中不可或缺的一部分，尤其在前端开发中。随着Web技术的快速发展，许多强大而灵活的GIS框架涌现出来，为开发人员提供了丰富的工具和功能，使他们能够创建交互

我正在参加「掘金·启航计划」 前言 最近老板想给看板升级，看板都是些图表或者数据排列天气等，需求是可以对各个卡片进行拖拽，添加些没有的图表，简单来说，把页面的设计交给用户。 直接实战 讲究一个言简意赅

开发背景     入职这家公司之前，我是没有做过可视化项目的，最近可视化项目做的有点多，每一个可视化项目都不可避免地有一个地图，最初接手的可视化是Vue2 + 高德地图Api的，后来使用第三方可视化平

最近有个图表需求配置十分头疼。所以想手写实现一个交互体验还不错的曲线图，支持开场动画、自动根据父盒子宽度适配、比echarts更全的配置项，分区线段的可以更好的自定

大屏 适配 伪适配 优点： 适配比较快，就使用正常px开发就好了，监听下分辨率做一个scale缩放。 缺点： png、canvas 等要转成svg，不然就会模糊、不清晰。 真适配 vw 100vw 等

该项目是一个全栈可视化项目，前端围绕Vue3+TS+Vite，后端围绕Express+MySql搭建而成，目前支持国际化、高德地图、主题切换、Echart图表绘制等一系列功能

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…