世界地图的热力图展示

前几天项目中需要用到世界地图的热力图，在echarts上面找了一圈，没找到合适的例子，网上的例子也不合适，于是改了一下示例的类型，经过一番折腾，最后终于实现了下图的效果：

我的项目是通过requirejs去写的，当然直接按照顺序引入js文件也是没有问题的，下面我就用requirejs去讲解一下实现的过程。

首先，echarts.min.js是肯定要引入的，然后千万不要忘记引入world.js(百度一下应该可以找到)

1.html中添加容器container2，引入requirejs的配置文件common.js和界面的主js文件index1.js

配置文件common.js（我是根据我的项目结构写的相对路径，具体可以根据自己的项目目录去写路径）

2.界面的主js文件index1.js

3.模拟数据worldList.json（模拟数据的格式仿照这个格式写就可以了）

worldList.json里面我总共写了大概200多个国家，篇幅有限，就不全部贴出来了，有一些国家的value值是空值，实际上可以不写进去，具体看你的项目要求，你需要哪些国家，就写哪些国家，没有写入的国家会显示为你设置的默认颜色，具体设置属性areaColor: '#25313f'，这个我也已经在配置项里面标明了。

如果有不明白的地方，欢迎留言指正，谢谢大家！