如何使用Vue3和Echarts 5制作立体感流线中国地图？推荐收藏！

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

原文：本文字绘制的地图效果如下：+ 一、ECharts + 使用五部二十一、下载并引入echarts+ECharts+已更新到5.0+版本，安装完记得检查自己的版本是否为5.0。npm install echarts --save+ 下载地图的json数据

改写后：地图绘制效果展示：一、使用ECharts + 下载并引入echarts，ECharts已升级至5.0版。确保安装的是5.0版本，使用命令npm install echarts --save下载地图json数据。

本文绘制的地图效果图如下：

一、Echarts 使用五部曲 1、下载并引入 echarts

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

npm install echarts --save

下载地图的 json 数据

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

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

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

引入：

import * as echarts from "echarts" import chinaJSON from '../../assets/json/china.json'

2、准备容器

给元素定义宽高确定的容器用来装地图。