基于shp完成echarts map的显示

实现echarts的map显示，分为两步，第一步转换shp文件为geojson格式，第二步在echarts中显示

1. 处理shp文件。
   a) 利用arcMap打开shp文件，删除多余的polygon，剩下需要显示的区域。
   b)修改shp文件的属性。geojson中需要的属性有：name、cp、childNum、polygon。我们可以利用arcMap提供的field Calculator实现shp属性的修改。修改后格式如图：
   
   c)将处理好的shp转成geojson。 访问http://mapshaper.org/，可以将shp导出geojson。此时有一个问题，就是CP属性是字符串，需要将字符串转成数组 ，我是利用java程序转的

第二步利用echarts显示地图，直接上程序

$.getJSON("data/echart_standard_d.json",function(data){    echarts.registerMap('heilj', data);       //定义div#map，给定width和height    chart = echarts.init(document.getElementById('map'));    chart.setOption({         title: { text: 'title',},         toolbox:{             show: true,             orient: 'vertical',             left: 'right',             top: 'center',             feature:{                 saveAsImage: {                    backgroundColor:'#fff',                    excludeComponents: ['toolbox']                 }             }         },         visualMap: {             type:'piecewise',             show:false,        //图例             pieces: [                 {value: 1,color:'#ff0000',label:'红色'},                 {value: 2,color:'#FF8330',label:'橙色'}             ],             right:0,             bottom:0,             align:'left',             padding:[30,10,10,10], //上、右、下、左             borderWidth:1 ,             borderColor:'#000',             itemGap:5,             itemSymbol:'rect',             itemWidth:30,             itemHeight:20,             inverse:true         },         series: [{             selectedMode:false,             silent:true,             type: 'map',             roam: true,             label:{                 normal:{                     show:true,                     formatter:'{c}',   //显示数值在地图上                     textStyle:{                         color:'#f00' ,                         fontWeight:"bold"                     }                 }             },             data:[{name:"漠河县",value:3}]   //这个需要程序处理         }]    });})

通过上面就能显示效果，效果图如下：