使用 echarts 绘制地图， 并实现简单的交互（如果是复杂的交互， 建议使用 高德地图的api）

使用echarts 画中国地图有两种方法, 一种是使用 china.js 的文件， 来绘制地图。这个文件好像不是那么好找了， echarts 的站点不再提供了， 这里有一个从别的资源找过来的 china.js 这是有一个网络资源， 下载就可以了 https://pan.baidu.com/s/1n1W__XPfS-icv_GOUPChBw 提取码 4rxi 把上面的文件， 保存为china.js 再通过 import 引入到要使用的地方去

从echart 的文档上来看， 我们在echart中使用 geo 和 使用 series 来绘制地图，它们之间有一点细微的差别，可以忽略不计

引入china.js 图中这个箭头指错了， 自已纠正一下

//这里使用 series 来配置地图

别一种方法， 我们不使用 series来配置， 使用 geo来配置 两中方法都是可以了， 随便选择就可以了

第二种方法绘制地图是使用 json 数据， 这种方法更灵活一些， 可以绘制不同省份，市区，等的地图，上面的是 国家的地图， 那么这里的 使用json数据的方法可以绘制更小的地方的地图 首先， 我们要取得 json 数据才可以

http://datav.aliyun.com/portal/school/atlas/area_selector 这里是可以获取区域json 数据的地方 从站点上可以看到， 我们可以选择 是下载全国的数据， 还是下载某一个省的json数据， 我们这里只使用湖北省襄阳市的试试

下载 襄阳市的 json数据 使用数据时， 要echarts .registerMap

看一下最后的效果

相关阅读

评论可见，请评论后查看内容，谢谢！！！
 您阅读本篇文章共花了：