echarts地图api series_echarts学习（4）——地图实现

本文记录两点：1.地图实现；2.各省份地图数据。

地图实现

都开始做地图了，echarts怎么也有点了解了吧，所以前两句初始化就不多说了，不清楚的可以翻翻我以前的随笔。代码：

var china = document.getElementById("china");var chinaEchart = echarts.init(china);

然后是一句增强用户体验的代码，功能是当数据量大，不能一下子刷出来的时候，先显示一个刷新的图标，可有可无：

chinaEchart.showLoading();

然后是获取地图的json数据，这是一种geoJson数据格式，自己去写json数据还是不要想了，可以说里面都是有一个个数据组成的点线面，随笔一个小图形都上千行数据，自己做图的话都是用工具画出来的，文末会说。

1 $.get(mapUrl+'china.json',function(geoJson) {2 chinaEchart.hideLoading();3 echarts.registerMap('china', geoJson);4 var chinaOption ={5 visualMap: {6 min: 0,7 max: 150,8 text: ['High', 'Low'],9 realtime: false,10 calculable: true,11 inRange: {12 color: ['lightskyblue', 'yellow', 'orangered']13 },14 textStyle:{15 color:'lightskyblue'