jq、js使用echarts.js绘制地图

做为一个技术渣渣，好久不用原生和jq进行开发，都是用框架，因此当使用jq + echarts 蒙圈了，查看了不少博客，终于搞出来了，因此想分享下，但不涉及原理，毕竟我也不是很明白 (因此若是是大神能够路过了，若是和我同样，请往下看)

1.下载echarts，引入html中

2.下载地图数据，在这里给你们提供一个网址，能够根据需求进行全国省市县区的数据下载(这是我所查看的博客提供的)

全国省市县json数据:http://datav.aliyun.com/tools/atlas/#&lat=33.521903996156105&lng=104.29849999999999&zoom=4
预览所需地区绘制:http://geojson.io/#map=10/26.6778/106.3360
复制代码

3.如今就是引入数据，初始化一个echarts

数据若是是js格式，就直接script标签引入;
数据若是是json格式，咱们能够使用$.get(URL,function(data){console.log(data)}); 我使用谷歌浏览器，可是访问本地文件涉及到了跨域T-T, 因此报错了，相信有得小伙伴也会遇到，因此解决方式就是 使用jsonp跨域来实现，定义一个回调函数，而后引入，具体看截图：
复制代码

回调函数的名字必定要相同,json数据也要使用函数名+()包裹起来，像下图这样
复制代码

最重要的就是引入这个json文件必定要在定义函数以后，不然会报错
复制代码

echarts的相关页面等配置能够去官网看，这里就不详细介绍了，但愿能有所帮助。