使用ECharts来实现地图下钻功能（某省的市级下钻到县级）

 var cityMap = {
     "长沙市": "430100",
     "株洲市": "430200",
     "湘潭市": "430300",
     "衡阳市": "430400",
     "邵阳市": "430500",
     "岳阳市": "430600",
     "常德市": "430700",
     "张家界市": "430800",
     "益阳市": "430900",
     "郴州市": "431000",
     "永州市": "431100",
     "怀化市": "431200",
     "娄底市": "431300",
     "湘西土家族苗族自治州": "433100"  

 };
 var curIndx = 0;
 var mapType = [];
 var mapGeoData = require('echarts/util/mapData/params');
 for (var city in cityMap) {
     mapType.push(city);
     // 自定义扩展图表类型
     mapGeoData.params[city] = {
         getGeoJson: (function (c) {
             var geoJsonName = cityMap[c];
             return function (callback) {
                 $.getJSON('geoJson/china-main-city/' + geoJsonName + '.json', callback);
             }
         })(city)
     }
 }  

 var ecConfig = require('echarts/config');
 var zrEvent = require('zrender/tool/event');
 document.getElementById('main').onmousewheel = function (e){
     var event = e || window.event;
     curIndx += zrEvent.getDelta(event) > 0 ? (-1) : 1;
     if (curIndx < 0) {
         curIndx = mapType.length - 1;
     }
     var mt = mapType[curIndx % mapType.length];
     option.series[0].mapType = mt;
     option.title.subtext = mt + ' （滚轮或点击切换）';
     myChart.setOption(option, true);
     zrEvent.stop(event);
 };
 myChart.on(ecConfig.EVENT.MAP_SELECTED, function (param){
     var mt = param.target;
     var len = mapType.length;
     var f= false;
     for(var i=0;i<len;i++){
         if(mt == mapType[i]){
               f =true;
               mt=mapType[i];
         }
      }
   if(!f){
     mt='湖南';
   }
     option.series[0].mapType = mt;  

     option.title.subtext = mt + ' （滚轮或点击切换）';
     myChart.setOption(option, true);
 });
 option = {
     title: {
         text : '全国344个主要城市（县）地图 by Pactera 陈然',
         link : 'http://www.pactera.com/',
         subtext : '长沙市 （滚轮或点击切换）'
     },
     tooltip : {
         trigger: 'item',
         formatter: '滚轮或点击切换<br/>{b}'
     },
     series : [
         {
             name: '全国344个主要城市（县）地图',
             type: 'map',
             mapType: '湖南',
             selectedMode : 'single',
             itemStyle:{
                 normal:{label:{show:true}},
                 emphasis:{label:{show:true}}
             },
             data:[]
         }
     ]
 };  

1. 将上面部分代码复制，然后粘贴覆盖到http://echarts.baidu.com/doc/example/mix5.html左侧的黑色区域中，然后点击刷新，即可看到效果。

2.其中var mapGeoData = require('echarts/util/mapData/params');我的理解是找到param.js这个文件，然后执行循环将city对应的县级数据加载到param.js文件中

每天学习一点点 编程PDF电子书、视频教程免费下载：
http://www.shitanlife.com/code