利用Echarts+阿里云地图选择器绘制可交互的行政区划地图

前言

上周老板要我写个地图小工具，说要给其他员工用于制作PPT，提了几点需求：

1、输入城市名或省份名就能显示相应的地图

2、能够突出显示某地区

3、图片得高清、巨高清！

我打开了csdn给他东拼西凑出了这么个东西，感觉效果还行

效果图

功能

输入省份或地级市的区划代码即可显示行政区域地图

可通过点击区域实现高亮并显示标签，再次点击可取消高亮，修改代码可调整底色及高亮色

右上角保存图片按钮可保存当前图片，修改代码可调整图片清晰度

资源

引入了百度echarts和jquery，均为在线版本，省去下载js文件，这样可以在任意一台联网的电脑上使用

Echarts : https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js

jquery: https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js

此外使用了阿里云的地图选择器：阿里云

代码

总结

参考了很多其他博主的代码，没有系统学过相关知识所以代码就不写注释误人子弟了，各位自行研究吧

如有侵权联系我删除