由于不可抗力的因素,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插件(可能实际实现略有不同)。
我觉得我写得可以说是精细入微了,从研究思路到具体操作都一步步写的清清楚楚了.
没看懂就多看几遍吧, 基本都是遇到我觉得网上找不到的内容才会写在博客里.