echarts实现各省市地图
总结不易，大家别忘了点赞+关注呀！
首先要获取目标地图的json文件，去阿里云就可以获取：阿里云地理
进入后看到的是这样的：
上图是全国地图，如果想要某市的，点击对应省份即可，比如滁州市的：
现在开始写代码啦，直接上代码：
<!DOCTYPE html><html><head><meta charset="utf-8"><title>ECharts</title><!-- 引入 echarts.js --><script src="echarts.js"></script><script src="jquery.min.js"></script></head><body><!-- 为ECharts准备一个具备大小（宽高）的Dom --><div id="main" style="width: 600px;height:400px;"></div><script type="text/javascript">$.get('https://geo./areas_v3/bound/341100_full.json', function (cZjson) {echarts.registerMap('滁州', cZjson);var chart = echarts.init(document.getElementById('main'));option = {title: {text: '四色预警',x:'center'},dataRange:{min:0,max:500,text:['高','低'],realtime:true,calculable:true,color:['orangered','yellow','green']},series:[{name:'犯罪数量',type:'map',map:'滁州',mapLocation:{y:60},itemSytle:{emphasis:{label:{show:false}}},data:[{name:'琅琊区',value:700},{name:'南谯区',value:600},{name:'定远县',value:500},{name:'凤阳县',value:400},{name:'明光市',value:300},{name:'来安县',value:200},{name:'天长市',value:100}]}],};chart.setOption(option);});</script></body></html>
上图url就是我们的json文件对应的地址，如果觉得还要联网访问麻烦，我们直接下载下来，url换成本地json文件也可以的。效果图如下：
至于细节，比如悬浮标签啊，设置各区域颜色啊、边框颜色啊、事件啊等等这里就不啰嗦了，感兴趣的可以评论，我们在探讨！
