├── README.md ├── index.html └── static ├── .DS_Store ├── css └── main.css ├── img └── map.gif ├── js ├── .DS_Store ├── app.js ├── citymap.js ├── echarts.min.js └── jquery.min.js └── map ├── .DS_Store ├── china.json ├── city ├── 110100.json ├── 120100.json ├── 130100.json ├── 130200.json ├── 130300.json ├── 130400.json ├── 130500.json ├── 130600.json ├── 130700.json ├── 130800.json ├── 130900.json ├── 131000.json ├── 131100.json ├── 140100.json ├── 140200.json ├── 140300.json ├── 140400.json ├── 140500.json ├── 140600.json ├── 140700.json ├── 140800.json ├── 140900.json ├── 141000.json ├── 141100.json ├── 150100.json ├── 150200.json ├── 150300.json ├── 150400.json ├── 150500.json ├── 150600.json ├── 150700.json ├── 150800.json ├── 150900.json ├── 152200.json ├── 152500.json ├── 152900.json ├── 210100.json ├── 210200.json ├── 210300.json ├── 210400.json ├── 210500.json ├── 210600.json ├── 210700.json ├── 210800.json ├── 210900.json ├── 211000.json ├── 211100.json ├── 211200.json ├── 211300.json ├── 211400.json ├── 220100.json ├── 220200.json ├── 220300.json ├── 220400.json ├── 220500.json ├── 220600.json ├── 220700.json ├── 220800.json ├── 222400.json ├── 230100.json ├── 230200.json ├── 230300.json ├── 230400.json ├── 230500.json ├── 230600.json ├── 230700.json ├── 230800.json ├── 230900.json ├── 231000.json ├── 231100.json ├── 231200.json ├── 232700.json ├── 310100.json ├── 310200.json ├── 320100.json ├── 320200.json ├── 320300.json ├── 320400.json ├── 320500.json ├── 320600.json ├── 320700.json ├── 320800.json ├── 320900.json ├── 321000.json ├── 321100.json ├── 321200.json ├── 321300.json ├── 330100.json ├── 330200.json ├── 330300.json ├── 330400.json ├── 330500.json ├── 330600.json ├── 330700.json ├── 330800.json ├── 330900.json ├── 331000.json ├── 331100.json ├── 340100.json ├── 340200.json ├── 340300.json ├── 340400.json ├── 340500.json ├── 340600.json ├── 340700.json ├── 340800.json ├── 341000.json ├── 341100.json ├── 341200.json ├── 341300.json ├── 341500.json ├── 341600.json ├── 341700.json ├── 341800.json ├── 350100.json ├── 350200.json ├── 350300.json ├── 350400.json ├── 350500.json ├── 350600.json ├── 350700.json ├── 350800.json ├── 350900.json ├── 360100.json ├── 360200.json ├── 360300.json ├── 360400.json ├── 360500.json ├── 360600.json ├── 360700.json ├── 360800.json ├── 360900.json ├── 361000.json ├── 361100.json ├── 370100.json ├── 370200.json ├── 370300.json ├── 370400.json ├── 370500.json ├── 370600.json ├── 370700.json ├── 370800.json ├── 370900.json ├── 371000.json ├── 371100.json ├── 371200.json ├── 371300.json ├── 371400.json ├── 371500.json ├── 371600.json ├── 371700.json ├── 410100.json ├── 410200.json ├── 410300.json ├── 410400.json ├── 410500.json ├── 410600.json ├── 410700.json ├── 410800.json ├── 410900.json ├── 411000.json ├── 411100.json ├── 411200.json ├── 411300.json ├── 411400.json ├── 411500.json ├── 411600.json ├── 411700.json ├── 420100.json ├── 420200.json ├── 420300.json ├── 420500.json ├── 420600.json ├── 420700.json ├── 420800.json ├── 420900.json ├── 421000.json ├── 421100.json ├── 421200.json ├── 421300.json ├── 422800.json ├── 429000.json ├── 430100.json ├── 430200.json ├── 430300.json ├── 430400.json ├── 430500.json ├── 430600.json ├── 430700.json ├── 430800.json ├── 430900.json ├── 431000.json ├── 431100.json ├── 431200.json ├── 431300.json ├── 433100.json ├── 440100.json ├── 440200.json ├── 440300.json ├── 440400.json ├── 440500.json ├── 440600.json ├── 440700.json ├── 440800.json ├── 440900.json ├── 441200.json ├── 441300.json ├── 441400.json ├── 441500.json ├── 441600.json ├── 441700.json ├── 441800.json ├── 441900.json ├── 442000.json ├── 445100.json ├── 445200.json ├── 445300.json ├── 450100.json ├── 450200.json ├── 450300.json ├── 450400.json ├── 450500.json ├── 450600.json ├── 450700.json ├── 450800.json ├── 450900.json ├── 451000.json ├── 451100.json ├── 451200.json ├── 451300.json ├── 451400.json ├── 460100.json ├── 460200.json ├── 460300.json ├── 469000.json ├── 500100.json ├── 510100.json ├── 510300.json ├── 510400.json ├── 510500.json ├── 510600.json ├── 510700.json ├── 510800.json ├── 510900.json ├── 511000.json ├── 511100.json ├── 511300.json ├── 511400.json ├── 511500.json ├── 511600.json ├── 511700.json ├── 511800.json ├── 511900.json ├── 512000.json ├── 513200.json ├── 513300.json ├── 513400.json ├── 520100.json ├── 520200.json ├── 520300.json ├── 520400.json ├── 522200.json ├── 522300.json ├── 522400.json ├── 522600.json ├── 522700.json ├── 530100.json ├── 530300.json ├── 530400.json ├── 530500.json ├── 530600.json ├── 530700.json ├── 530800.json ├── 530900.json ├── 532300.json ├── 532500.json ├── 532600.json ├── 532800.json ├── 532900.json ├── 533100.json ├── 533300.json ├── 533400.json ├── 540100.json ├── 542100.json ├── 542200.json ├── 542300.json ├── 542400.json ├── 542500.json ├── 542600.json ├── 610100.json ├── 610200.json ├── 610300.json ├── 610400.json ├── 610500.json ├── 610600.json ├── 610700.json ├── 610800.json ├── 610900.json ├── 611000.json ├── 620100.json ├── 620200.json ├── 620300.json ├── 620400.json ├── 620500.json ├── 620600.json ├── 620700.json ├── 620800.json ├── 620900.json ├── 621000.json ├── 621100.json ├── 621200.json ├── 622900.json ├── 623000.json ├── 630100.json ├── 632100.json ├── 632200.json ├── 632300.json ├── 632500.json ├── 632600.json ├── 632700.json ├── 632800.json ├── 640100.json ├── 640200.json ├── 640300.json ├── 640400.json ├── 640500.json ├── 650100.json ├── 650200.json ├── 652100.json ├── 652200.json ├── 652300.json ├── 652700.json ├── 652800.json ├── 652900.json ├── 653000.json ├── 653100.json ├── 653200.json ├── 654000.json ├── 654200.json ├── 654300.json ├── 659000.json ├── 710000.json ├── 810100.json ├── 820000.json └── china-main-city-map.js └── province ├── .DS_Store ├── anhui.json ├── aomen.json ├── beijing.json ├── chongqing.json ├── fujian.json ├── gansu.json ├── guangdong.json ├── guangxi.json ├── guizhou.json ├── hainan.json ├── hebei.json ├── heilongjiang.json ├── henan.json ├── hubei.json ├── hunan.json ├── jiangsu.json ├── jiangxi.json ├── jilin.json ├── liaoning.json ├── neimenggu.json ├── ningxia.json ├── qinghai.json ├── shandong.json ├── shanghai.json ├── shanxi.json ├── shanxi1.json ├── sichuan.json ├── tianjin.json ├── xianggang.json ├── xinjiang.json ├── xizang.json ├── yunnan.json └── zhejiang.json /README.md: -------------------------------------------------------------------------------- 1 | # echarts3-chinese-map-drill-down 2 | Echarts3中国地图下钻至县级 3 | 4 | demo：https://flute.github.io/echarts3-chinese-map-drill-down/ 5 | 6 | ![map drill down](./static/img/map.gif) 7 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | echarts3中国地图下钻至县级 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /static/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/flute/echarts3-chinese-map-drill-down/bca4aa41f123a077237b8a2812d6146c20ee1d1c/static/.DS_Store -------------------------------------------------------------------------------- /static/css/main.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | } 5 | body{ 6 | font-family: Exo,'-apple-system','Open Sans',HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue','Hiragino Sans GB','Microsoft YaHei',Helvetica,Arial,sans-serif; 7 | color: #333; 8 | } 9 | -------------------------------------------------------------------------------- /static/img/map.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/flute/echarts3-chinese-map-drill-down/bca4aa41f123a077237b8a2812d6146c20ee1d1c/static/img/map.gif -------------------------------------------------------------------------------- /static/js/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/flute/echarts3-chinese-map-drill-down/bca4aa41f123a077237b8a2812d6146c20ee1d1c/static/js/.DS_Store -------------------------------------------------------------------------------- /static/js/app.js: -------------------------------------------------------------------------------- 1 | //地图容器 2 | var chart = echarts.init(document.getElementById('main')); 3 | //34个省、市、自治区的名字拼音映射数组 4 | var provinces = { 5 | //23个省 6 | "台湾": "taiwan", 7 | "河北": "hebei", 8 | "山西": "shanxi", 9 | "辽宁": "liaoning", 10 | "吉林": "jilin", 11 | "黑龙江": "heilongjiang", 12 | "江苏": "jiangsu", 13 | "浙江": "zhejiang", 14 | "安徽": "anhui", 15 | "福建": "fujian", 16 | "江西": "jiangxi", 17 | "山东": "shandong", 18 | "河南": "henan", 19 | "湖北": "hubei", 20 | "湖南": "hunan", 21 | "广东": "guangdong", 22 | "海南": "hainan", 23 | "四川": "sichuan", 24 | "贵州": "guizhou", 25 | "云南": "yunnan", 26 | "陕西": "shanxi1", 27 | "甘肃": "gansu", 28 | "青海": "qinghai", 29 | //5个自治区 30 | "新疆": "xinjiang", 31 | "广西": "guangxi", 32 | "内蒙古": "neimenggu", 33 | "宁夏": "ningxia", 34 | "西藏": "xizang", 35 | //4个直辖市 36 | "北京": "beijing", 37 | "天津": "tianjin", 38 | "上海": "shanghai", 39 | "重庆": "chongqing", 40 | //2个特别行政区 41 | "香港": "xianggang", 42 | "澳门": "aomen" 43 | }; 44 | 45 | //直辖市和特别行政区-只有二级地图，没有三级地图 46 | var special = ["北京","天津","上海","重庆","香港","澳门"]; 47 | var mapdata = []; 48 | //绘制全国地图 49 | $.getJSON('static/map/china.json', function(data){ 50 | d = []; 51 | for( var i=0;i=0 ){ 81 | renderMap('china',mapdata); 82 | }else{ 83 | //显示县级地图 84 | $.getJSON('static/map/city/'+ cityMap[params.name] +'.json', function(data){ 85 | echarts.registerMap( params.name, data); 86 | var d = []; 87 | for( var i=0;i