项目需求:希望得到一个全国省绘地图,往下可以切换到市级地图,并且每个区域显示相对应的数据。(废话不多说,直接上干货)
然后我们看v-charts地图相关的文档,介绍非常的简单。
然后我们照着官网,把代码放进去,结果发现界面是空白的,然后出现一个警告。
google下发现,原来是内网环境无法获取到地图的json数据。那怎么解决呢
我们仔细研究echarts的modeles文件发现,里面有我们想要的地图json数据。
全国的和省份的都有,那不就好办了吗,直接加载进来。
写个方法,把所有省份的json全搞进来。
这样当点击到不同的省份后切换到对应省份的mapOrigin就行了。
(这里点击地图省份返回的name是中文的,要实现对应上省份的json文件可以自己在写个json进行配置,或者用pinyin插件进行一个转换。我用的是第二种,这里就不过多赘述了。)