由于不可抗力的因素，echarts給了我一個親切的警告。

于是，從沒有認真看過echarts地圖實現的我，心態炸了。

那么，如何來解決這個問題呢？

按照我超級清麗的畫風和長時間的代碼編輯習慣，那一定是～先搜別人的成功案例啦～

附上我第一個查看的網址：

https://blog.csdn.net/u012011360/article/details/52913972

JSON文件？？？我還要去找一份JSON文件？？？我是不是還要將這份JSON轉成js文件讓他生效是不是有毒，是不是有毒！！！深井冰吧啊啊啊啊啊！！！

而且直接js里面setOption這種原始人寫法？？？這種echarts方法我感覺ngx-echarts里面不支持啊啊啊啊啊啊啊啊啊？？？？

好的，其實我沒有嘗試這種寫法，因為我用的是ngx-echarts（選擇方便的組件就是成功路上最大的助力～～～），所以setOption是集成到標簽里面進行雙向綁定而不是這種寫法。我的頁面寫法如圖所示。

這個博客看起來就是讓我很GG的寫法。一臉懵逼。不不不！！！這不是我想要的。

于是，我就打算抄小道。我就不信了，這種東西難不成還能上天？？？

然后我就去看了源碼。

突然發現，明明源碼里面都有。。。

作為一個集成了對應的js的源碼= =。網上提供的那種方法對我根本不適用！！網上博客里面的內容畢竟不是工程化項目的感覺。

也就是說，其實我要的已經在這個項目里面了= =。我只需要將它夾出來放到碗里就好了。

突然無話可說。

好吧，先把這個henan.js引入。

然后我就

下面是效果圖：

我就知道這個世界不會這么善意！！！！阿西吧界面空白了！！！空白了！！！！根據按需加載的尿性，我重啟了服務。

啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊還是空白！！！！

真的是阿西了個吧！！！

大約過了一個多世紀。我終于找到了問題所在：

居然是中文？？？？？？引入中國地圖是‘china’，引入香港地圖是‘HK’，引入河南地圖就變成了‘河南’？？？

喵喵喵？？？？？？，下圖就可以了

附上效果圖：

真相是不是超級簡單！！！

行吧行吧，一次被坑爹的分享。以上方法同樣適用于其他echarts或其他echarts插件(可能實際實現略有不同)。

我覺得我寫得可以說是精細入微了,從研究思路到具體操作都一步步寫的清清楚楚了.

沒看懂就多看幾遍吧, 基本都是遇到我覺得網上找不到的內容才會寫在博客里.

總結

以上是生活随笔為你收集整理的关于在echarts/ngx-echarts中引入省份地图简易实现的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。