vue3+echart绘制中国地图并根据后端返回的坐标实现涟漪动画效果

1.效果图

2.前期准备

main.js
app.use(BaiduMap, {
    // ak 是在百度地图开发者平台申请的密钥 详见 http://lbsyun.baidu.com/apiconsole/key */
    ak: 'sRDDfAKpCSG5iF1rvwph4Q95M6tDCApL',
    // v:'3.0',  // 默认使用3.0
    // type: 'WebGL' // ||API 默认API  (使用此模式 BMap=BMapGL)
});

  

index.html

3.js，注意:import 'echarts/map/js/china.js'; 引入时需要注意当前echart是否为4.+版本，如否降级

npm install [email protected] --save

4.end:本人查阅资料百度花了大量时间，资料都是大同小异，由于自己过于浮躁，对资料研究不彻底，只想着复制粘贴完事，导致出现问题就换一个案例，并没有查找bug的原因，还需静下心来，踩过的坑希望老铁们直接跳过。