引入echart-gl.js
https://github.com/ecomfe/echarts-gl
script引入
https://cdn.jsdelivr.net/npm/echarts-gl/dist/echarts-gl.min.js
然后下载对应地图数据下载(参考博主)
重点参考!!!(感恩的心)
https://github.com/zhaosheng808/echarts-demo
建议一键下载直接运行html文件 省心省力,然后再学习更改(当然,我修改了为蓝色,所以颜色变了)
效果图:
点击北京市,获得北京市地图
echarts配置项需要熟悉
详情见官网Documentation - Apache ECharts
地图配置文件json文件这样获取,参考博主
乡镇级echarts地图json获取、各省市区地图json文件_couch potato的博客-CSDN博客_乡镇地图json
比如:
阿里云datav阿里云 DataV - 数据可视化平台
点击进来北京市,复制红色框打开便获得北京市地区json文件
https://geo.datav.aliyun.com/areas_v3/bound/110000_full.json
好 好 学 习 , 天 天 向 上