echarts地图 湖南|陕西|北京|贵州等全国各个地区地图

此篇先贴一个湖南的:
点击打开此链接搜索你想找的地区http://datav.aliyun.com/tools/atlas/#&lat=30.332329214580188&lng=106.72278672066881&zoom=3.5
echarts地图 湖南|陕西|北京|贵州等全国各个地区地图_第1张图片
复制json后在浏览器里打开
echarts地图 湖南|陕西|北京|贵州等全国各个地区地图_第2张图片
紧接着ctrl+a ctrl+c
然后再浏览器中搜索出一个json在线解析,将粘贴的内容复制进去,等解析完毕把解析过后的数据复制
在代码中新建一个js文件,然后把解析过后的数据粘贴进去,此步骤是为了看清json数据,可以把不需要的数据自行剔除
echarts地图 湖南|陕西|北京|贵州等全国各个地区地图_第3张图片
echarts地图 湖南|陕西|北京|贵州等全国各个地区地图_第4张图片
jquery代码(需先引入echarts.min.js,以及新建的地图的js):
需要注意红框内容需一致
echarts地图 湖南|陕西|北京|贵州等全国各个地区地图_第5张图片
echarts地图 湖南|陕西|北京|贵州等全国各个地区地图_第6张图片

    

最终实现效果图:
echarts地图 湖南|陕西|北京|贵州等全国各个地区地图_第7张图片
若不想让自定义地区高亮,删除一下代码即可:
echarts地图 湖南|陕西|北京|贵州等全国各个地区地图_第8张图片
若需要其他地区json,自行搜索:
http://datav.aliyun.com/tools/atlas/#&lat=30.332329214580188&lng=106.72278672066881&zoom=3.5

你可能感兴趣的:(vue,vue,echarts,map)