Vue3+Echarts 绘制省会地图

Vue3+Echarts 绘制省会地图

需求:

  1. 绘制XX省会地图(背景颜色,边框颜色都可自定义,有相应代码注释)

  2. 鼠标点击XX市区,区域变红色,再次点击,恢复默认蓝色

  3. 鼠标移入XX市区,区域变橘色,鼠标移开,恢复默认蓝色

    效果图如下:
    在这里插入图片描述
    Vue3+Echarts 绘制省会地图_第1张图片

实现:
1.前往 https://datav.aliyun.com/portal/school/atlas/area_selector
2.输入具体省份,然后复制 JSON API 里面的链接到浏览器,再将浏览器里面的数据拷贝到项目中
Vue3+Echarts 绘制省会地图_第2张图片
3.附赠全代码








你可能感兴趣的:(echarts,前端,javascript,vue.js)