echarts实现地图散点图---问题解决方案

项目上有一个需求是,根据总/分部信息显示相关地图,同时根据信息查询相关数据,并以散点图的形式显示在地图上。

我查询了一下echarts官网的文档和案例,代码如下:

echarts实现地图散点图---问题解决方案

 series中的参数coordinateSystem值为option参数中定义的bmap。我于是按着这个方式去调试,发现并未显示任何东西。该引入的都引入了,就是显示不出来。于是,我又去看了一下文档,发现coordinateSystem的值只有如图三个选项:

echarts实现地图散点图---问题解决方案

而且,option参数中没有bmap相关配置项。然后,我又去查看geo的相关配置,发现它和series——type为map的配置项差不多。于是,我将原来设置在series中的地图相关配置移动到geo中,将coordinateSystem配置为“geo”。完了,我再刷新一看!OK!

困扰了很久的问题,突然解决了!因此我决定写一篇文章留作笔记,同时希望可以给同僚们一些思路。主要原因还是太相信案例中的代码了,得多多去研究一下文档才是正道!!!