echart 全国地图下钻省、市、区

现在全国省、市、区地图geojson很难找，本博主为此也踩了不少坑，现在分享出来，在线预览请点击，全国地图下钻
如果想要获取代码，请关注公众号[lovepythoncn]或扫描左侧二维码，回复全国地图，即可下载

var cityMap = {"北京市": "110100","天津市": "120100","上海市": "310100","重庆市": "500100","崇明县": "310200",            // ??"湖北省直辖县市": "429000",       // ??"铜仁市": "522200",            // ??"毕节市": "522400",            // ??"石家庄市": "130100","唐山市": "130200","秦皇岛市": "130300","邯郸市": "130400","邢台市": "130500","保定市": "130600","张家口市": "130700","承德市": "130800","沧州市": "130900","廊坊市": "131000","衡水市": "131100","太原市": "140100","大同市": "140200","阳泉市": "140300","长治市": "140400","晋城市": "140500","朔州市": "140600","晋中市": "140700","运城市": "140800","忻州市": "140900","临汾市": "141000","吕梁市": "141100","呼和浩特市": "150100","包头市": "150200","乌海市": "150300","赤峰市": "150400","通辽市": "150500","鄂尔多斯市": "150600","呼伦贝尔市": "150700","巴彦淖尔市": "150800","乌兰察布市": "150900","兴安盟": "152200","锡林郭勒盟": "152500","阿拉善盟": "152900","沈阳市": "210100","大连市": "210200","鞍山市": "210300","抚顺市": "210400","本溪市": "210500","丹东市": "210600","锦州市": "210700","营口市": "210800","阜新市": "210900","辽阳市": "211000","盘锦市": "211100","铁岭市": "211200","朝阳市": "211300","葫芦岛市": "211400","长春市": "220100","吉林市": "220200","四平市": "220300","辽源市": "220400","通化市": "220500","白山市": "220600","松原市": "220700","白城市": "220800","延边朝鲜族自治州": "222400","哈尔滨市": "230100","齐齐哈尔市": "230200","鸡西市": "230300","鹤岗市": "230400","双鸭山市": "230500","大庆市": "230600","伊春市": "230700","佳木斯市": "230800","七台河市": "230900","牡丹江市": "231000","黑河市": "231100","绥化市": "231200","大兴安岭地区": "232700","南京市": "320100","无锡市": "320200","徐州市": "320300","常州市": "320400","苏州市": "320500","南通市": "320600","连云港市": "320700","淮安市": "320800","盐城市": "320900","扬州市": "321000","镇江市": "321100","泰州市": "321200","宿迁市": "321300","杭州市": "330100","宁波市": "330200","温州市": "330300","嘉兴市": "330400","湖州市": "330500","绍兴市": "330600","金华市": "330700","衢州市": "330800","舟山市": "330900","台州市": "331000","丽水市": "331100","合肥市": "340100","芜湖市": "340200","蚌埠市": "340300","淮南市": "340400","马鞍山市": "340500","淮北市": "340600","铜陵市": "340700","安庆市": "340800","黄山市": "341000","滁州市": "341100","阜阳市": "341200","宿州市": "341300","六安市": "341500","亳州市": "341600","池州市": "341700","宣城市": "341800","福州市": "350100","厦门市": "350200","莆田市": "350300","三明市": "350400","泉州市": "350500","漳州市": "350600","南平市": "350700","龙岩市": "350800","宁德市": "350900","南昌市": "360100","景德镇市": "360200","萍乡市": "360300","九江市": "360400","新余市": "360500","鹰潭市": "360600","赣州市": "360700","吉安市": "360800","宜春市": "360900","抚州市": "361000","上饶市": "361100","济南市": "370100","青岛市": "370200","淄博市": "370300","枣庄市": "370400","东营市": "370500","烟台市": "370600","潍坊市": "370700","济宁市": "370800","泰安市": "370900","威海市": "371000","日照市": "371100","莱芜市": "371200","临沂市": "371300","德州市": "371400","聊城市": "371500","滨州市": "371600","菏泽市": "371700","郑州市": "410100","开封市": "410200","洛阳市": "410300","平顶山市": "410400","安阳市": "410500","鹤壁市": "410600","新乡市": "410700","焦作市": "410800","濮阳市": "410900","许昌市": "411000","漯河市": "411100","三门峡市": "411200","南阳市": "411300","商丘市": "411400","信阳市": "411500","周口市": "411600","驻马店市": "411700","省直辖县级行政区划": "469000","武汉市": "420100","黄石市": "420200","十堰市": "420300","宜昌市": "420500","襄阳市": "420600","鄂州市": "420700","荆门市": "420800","孝感市": "420900","荆州市": "421000","黄冈市": "421100","咸宁市": "421200","随州市": "421300","恩施土家族苗族自治州": "422800","长沙市": "430100","株洲市": "430200","湘潭市": "430300","衡阳市": "430400","邵阳市": "430500","岳阳市": "430600","常德市": "430700","张家界市": "430800","益阳市": "430900","郴州市": "431000","永州市": "431100","怀化市": "431200","娄底市": "431300","湘西土家族苗族自治州": "433100","广州市": "440100","韶关市": "440200","深圳市": "440300","珠海市": "440400","汕头市": "440500","佛山市": "440600","江门市": "440700","湛江市": "440800","茂名市": "440900","肇庆市": "441200","惠州市": "441300","梅州市": "441400","汕尾市": "441500","河源市": "441600","阳江市": "441700","清远市": "441800","东莞市": "441900","中山市": "442000","潮州市": "445100","揭阳市": "445200","云浮市": "445300","南宁市": "450100","柳州市": "450200","桂林市": "450300","梧州市": "450400","北海市": "450500","防城港市": "450600","钦州市": "450700","贵港市": "450800","玉林市": "450900","百色市": "451000","贺州市": "451100","河池市": "451200","来宾市": "451300","崇左市": "451400","海口市": "460100","三亚市": "460200","三沙市": "460300","成都市": "510100","自贡市": "510300","攀枝花市": "510400","泸州市": "510500","德阳市": "510600","绵阳市": "510700","广元市": "510800","遂宁市": "510900","内江市": "511000","乐山市": "511100","南充市": "511300","眉山市": "511400","宜宾市": "511500","广安市": "511600","达州市": "511700","雅安市": "511800","巴中市": "511900","资阳市": "512000","阿坝藏族羌族自治州": "513200","甘孜藏族自治州": "513300","凉山彝族自治州": "513400","贵阳市": "520100","六盘水市": "520200","遵义市": "520300","安顺市": "520400","黔西南布依族苗族自治州": "522300","黔东南苗族侗族自治州": "522600","黔南布依族苗族自治州": "522700","昆明市": "530100","曲靖市": "530300","玉溪市": "530400","保山市": "530500","昭通市": "530600","丽江市": "530700","普洱市": "530800","临沧市": "530900","楚雄彝族自治州": "532300","红河哈尼族彝族自治州": "532500","文山壮族苗族自治州": "532600","西双版纳傣族自治州": "532800","大理白族自治州": "532900","德宏傣族景颇族自治州": "533100","怒江傈僳族自治州": "533300","迪庆藏族自治州": "533400","拉萨市": "540100","昌都地区": "542100","山南地区": "542200","日喀则地区": "542300","那曲地区": "542400","阿里地区": "542500","林芝地区": "542600","西安市": "610100","铜川市": "610200","宝鸡市": "610300","咸阳市": "610400","渭南市": "610500","延安市": "610600","汉中市": "610700","榆林市": "610800","安康市": "610900","商洛市": "611000","兰州市": "620100","嘉峪关市": "620200","金昌市": "620300","白银市": "620400","天水市": "620500","武威市": "620600","张掖市": "620700","平凉市": "620800","酒泉市": "620900","庆阳市": "621000","定西市": "621100","陇南市": "621200","临夏回族自治州": "622900","甘南藏族自治州": "623000","西宁市": "630100","海东地区": "632100","海北藏族自治州": "632200","黄南藏族自治州": "632300","海南藏族自治州": "632500","果洛藏族自治州": "632600","玉树藏族自治州": "632700","海西蒙古族藏族自治州": "632800","银川市": "640100","石嘴山市": "640200","吴忠市": "640300","固原市": "640400","中卫市": "640500","乌鲁木齐市": "650100","克拉玛依市": "650200","吐鲁番地区": "652100","哈密地区": "652200","昌吉回族自治州": "652300","博尔塔拉蒙古自治州": "652700","巴音郭楞蒙古自治州": "652800","阿克苏地区": "652900","克孜勒苏柯尔克孜自治州": "653000","喀什地区": "653100","和田地区": "653200","伊犁哈萨克自治州": "654000","塔城地区": "654200","阿勒泰地区": "654300","自治区直辖县级行政区划": "659000","台湾省": "710000","香港特别行政区": "810100","澳门特别行政区": "820000"
};var curIndx = 0;
var mapType = [];
var mapGeoData = require('echarts/util/mapData/params');
console.log(mapGeoData)
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){curIndx++;var mt = mapType[curIndx % mapType.length];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:[]}]
};

echart 全国地图下钻省、市、区相关推荐

echarts 地图下钻到市到区
echarts的地图展示,并且带有下钻到下级市区 vue.js里面操作echarts //vue里面修改模板 <template><div id="china_map_bo ...
echarts 省级地图下钻到市demo
借鉴了昨夜小楼又东风这位兄弟的代码 https://blog.csdn.net/m0_46577631/article/details/124354267?utm_medium=distribut ...
ecahrs全国地图下钻（包括港澳台）
一.准备工作准备所有地图数据可手动扒 https://gallery.echartsjs.com/editor.html?c=xH1X7vuMyQ 或去本人资源中心下载 https://downl ...
vue+echarts地图下钻(全国-省-市)
本文中使用的数据为行政区编码json数据,大家自行下载.(本人超级菜鸟一枚,逻辑比较混乱,记录一下以免以后遇到相似功能忘记怎么写,也希望能帮到需要实现同样功能的人) 地图资源: 整体思路:1.先注册全 ...
echarts青岛市地图下钻到区市及根据各个区市经纬度在各区市地图绘制散点图和道路线
var myChart1 = echarts.init(document.getElementById('chart-panel1')); //整个青岛地图绘制的domvar myChart2 = e ...
Vue + Echart实现国省市县地图下钻
一.效果图(中国 --> 甘肃省 --> 陇南市 --> 康县) 二. 代码实现鸣谢:地图JSON格式信息拾取工具:DataV.GeoAtlas地理小工具系列 (aliyu ...
用echart实现迁徙图，缩放全国地图和省份地图，鼠标悬浮显示相应数据
容器需要引入echart和引入全国和省份的json数据需要在mounted()调用画地图方法,数据加载完成下面就是画地图的配置了,就不一一详细展开说了全国地图map是"China& ...
vue使用echart绘制全国地图，叠加图表
场景: 大数据展示全国各省份信息,绘制地图,并在每个省份上叠加图表. 需要做的就是 1.绘制全国地图(不同省份根据数据的不同而颜色不同) 2.每个省份都需要单独叠加一个图表(饼图) 3.地图缩放.图表 ...
Echarts地图下钻，省钻到市，市钻到县，县钻到乡
由于经费问题,只写了省钻到市,市钻到县与县钻到乡在本文中根本没有出现. 先贴两张图,第1张是全国地图: 第2张是点击河北后的河北省地图: 步骤详解: 1. 引入js const echarts = r ...
全国农村固定观察点数据是通过对农村各种经济单位进行长期跟踪调查及农村基层动态信息及时更新完善的综合性翔实研究数据。该数据体系覆盖全国31个省（区、市）、368个县，调查对象包括375个村、23000个
全国农村固定观察点数据是通过对农村各种经济单位进行长期跟踪调查及农村基层动态信息及时更新完善的综合性翔实研究数据.该数据体系覆盖全国31个省(区.市).368个县,调查对象包括375个村.23000个 ...

echart 全国地图下钻省、市、区

echart 全国地图下钻省、市、区相关推荐

最新文章

热门文章

echart 全国地图 下钻省、市、区

echart 全国地图 下钻省、市、区相关推荐

最新文章

热门文章

echart 全国地图下钻省、市、区

echart 全国地图下钻省、市、区相关推荐