接到这个需求我一开始以为特别简单,像这种需求,网上应该一搜一大把。开开心心说一下午就完事,结果狠狠打脸。不过最后还是弄出来了,因为有大佬相助,我就记录一下我解决的方法吧。很简单,用了大佬的文件。我贴一下大佬的github地址作者是chfw。这个地址就是我用的文件的地址。
大家打开就能看到运行成功的中国七大区分区。
大佬写的很清楚,所以我也不说怎么弄的。我说一下我遇到的问题。因为我用的是vue的写法,引入china-regions.js的时候会报错Echarts is not defined。这涉及到了script运行的顺序,当我用import引入的时候,echarts和这个文件是同时引入,所以这个文件不会生效。
解决办法:
A:大家可以用require来引入,解决引入的顺序问题。
B:我用的是另外一个更加粗暴的办法,因为我只有一个地方需要使用地图,所以我直接将china-regions.js的内容替换掉echarts原本的China.js。这样也是可以的。不过慎用!
最后希望大家都能顺心的完成echarts七大区分区。