背景：

　　　　做疫情資料管理視覺化，需要用到熱點圖在web端進行資料視覺化，而地圖就是必不可少的一個，看完文件，可以解決大部分小白的問題，保姆級攻略，即使你的js，這些學得不咋樣（我就是小菜鳥）

• 　步驟

環境：我的環境就是idea2021 有些小夥伴是node也可以，能建立html文件就可以了

資料： echats的官網：https://echarts.apache.org/zh/index.html 推薦谷歌或者火狐哈
　　　　　　    菜鳥：https://www.runoob.com/echarts/echarts-tutorial.html
視訊資料：https://www.bilibili.com/video/BV1xR4y157YA 講完直接能上手了 而且蠻清晰的 和看文件一樣~雖然只有一節課 但是至少資料看到了 然後能演示哈~
　　　　   https://www.bilibili.com/video/BV1v7411R7mp?p=4 黑馬的 很舒服 直接就是大屏 然後還交了怎麼部署巴拉巴拉的  專案資源在簡介 可以看看~

1. 安裝：（兩個方法 一個本地（推薦）但是我的怎麼都訪問不到資料夾下面的echarts.js 所以就用線上的了 不太利於debug我覺得  但是懶人福音 一步到位）
   後續的tt：其實是可以訪問的而且很快真香之後我也開始本地了哈哈哈哈（如果訪問不到 應該是專案結構的問題，js是不是在web下面 建議是 js-echarts.js  然後放在一個 script就行
   

    

• 方法一： 下載之後直接另存為 然後目錄為 js-echarts.min.js 

•  方法二：外部引入 我用的是這個 比較穩定（我自己覺得的）
  

演示圖：

 當你完成了這個圖之後 你肯定不滿足於要這種簡單圖！沒錯 我也是 所以我看向了地圖 那種賊酷眩的我也要！ 完成這樣的效果需要什麼呢

很好！這時候你就需要開啟百度   https://lbsyun.baidu.com/products/advantage?active=service 
你需要申請金鑰 為什麼呢 

流程：

1. 　　拿到ak  也就是一把鑰匙 可以開啟神祕大門 直接用大佬做的開源資源 類似介面？
   1. 需要註冊 註冊成為開發者 具體流程可以看這個博主~
      https://blog.csdn.net/xb_dxc/article/details/118305442?ops_request_misc=&request_id=&biz_id=&utm_medium=distribute.pc_search_result.none-task-blog-2~all~es_rank~default-5-118305442.es_vector_control_group&utm_term=%E7%99%BE%E5%BA%A6%E5%9C%B0%E5%9B%BEak%E7%94%B3%E8%AF%B7&spm=1018.2226.3001.4187
   2.  在這個建立應用 因為基礎的地圖沒有炫酷的效果 所以我選擇了自定義 如果不要自定義的可以直接跳過
      https://lbsyun.baidu.com/index.php?title=jspopular  這個是那個直接的文件 詳細閱讀其實也可以

   3.  就是這裡建立完 會有一個訪問應用的碼 也就是 AK 不要隨便給人家哦~我為了debug方便 我直接白名單就是所有人

       

   4. 直接複製 把那個script裡的ak改成自己的就行啦~~ 然後你就收穫了一個地圖 如果個性化的話 只需要在下面的程式碼裡面寫一個
      
      

       

       

2.  問題來了 id是什麼 那就是你前面個性化之後 釋出 然後就可以獲得 id 當然這是官方的一種方法 這裡直接把兩個方法給寫了 看你方便哈！
   

    

    

   1. 　　方法一：釋出樣式 然後你就會收到一個id 然後用上面那個格式引用到專案裡面就可以了 非常方便啊~
   2. 　　方法二：是使用json 也就是在個性化之後有一個下載樣式的按鈕在右邊的視窗 下載樣式 然後你就i是一個json檔案的形式 然後通過JavaScriptAPI的方法呼叫生效
      可以看文件  https://lbsyun.baidu.com/index.php?title=jspopular/guide/custom
      

       

       

大概就是這樣啦！感謝觀看！繼續肝畢設了！！！！祝我畢設順利，也可以幫到一些小夥伴 話說 我部落格也太樸素了，之後找個時間好好裝修一下才行～～～