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的相關頁面等配置能夠去官網看，這裏就不詳細介紹了，但願能有所幫助。