如何通过 Vue3、Vite、Echarts 5 和 TypeScript 手把手绘制中国地图？

本文共计929个文字，预计阅读时间需要4分钟。

废话不多说，看图！+ 本章节介绍 Vue3 + Vite + TS + 项目内使用 Echarts 5 绘制中国地图，标记分布点！+ 之前没有接触过 Echarts 的，可以先去官方示例看看，那里图形特性齐全。

废话不多说，看图！

本篇文章介绍 Vue3 + vite +TS 项目内使用 Echarts 5 绘制中国地图，标记分布点！之前没有接触过 Echarts 的，可以先去官方示例看看，里面图形特别齐全。但是官方文档看着费劲的，太多了根本记不住，所以自己做个总结，下次就可以直接使用了，不用做重复无用功。

一、安装

Echarts 已更新到了 5.0 版本，安装完记得检查下自己的版本是否是 5.0 。

npm install echarts --save

安装完成之后，在 package.json 中检查是否安装成功？

二、下载地图的 json 数据

可以下载中国以及各个省份地图数据。免费的文件下载地址：

datav.aliyun.com/portal/school/atlas/area_selector#&lat=30.332329214580188&lng=106.72278672066881&zoom=3.5

记得收藏哦！免得浪费加班时间。