echarts使用生成的自定义地图实现信息发送

Sublime Text

Chrome浏览器调试

自定义地图分两种，一种是直接利用网站直接生成，另一种是利用网站生成后进行修改生成定制版的地图。

第一种的实现过程：　　1.打开网址“http://datav.aliyun.com/tools/atlas”，显示如下图的效果；　　2.左上角输入要生成的区域名字，比如“广东省”，输入“广东省”后，输入框下面会出现广东省的信息，点击后下面的信息和地图会更新为广东省的内容；　　3.根据项目实际情况，下载相对应类型的文件，该实例选择“geojson”，不包含子区域。

第二种的实现过程：　　1.前面三步跟第一种一样，主要讲解后面的步骤；　　2.打开下载的json文件，显示如下图的效果；　　3.查看json结构，每个城市都有三个属性“type”、“properties”、“geoment”，所以可以对每个城市的这一块区域进行增加和删除，会在最终的呈现地图上显示增加的区域和不显示删除的区域。

实现代码和最终效果如下：                 

代码都做了详细的注释，大家可以慢慢查看；主要分析几个重点：　　1.chinaGeoCoordMap和chinaDatas的城市要对应，不然会报错；　　2.chinaDatas的value为1，则为发射点动画效果；　　3.fromCoord发射点坐标；　　4.有时候城市名未显示在该城市区域的最中间，可以修改json里面的字段“cp”，如果没有该字段可自己添加，如下图：