二、echarts地图从全国进省从省进市

最新推荐文章于 2024-06-20 17:24:37 发布
最新推荐文章于 2024-06-20 17:24:37 发布
阅读量1.2w 收藏 6
点赞数 5
分类专栏： 前端-echarts
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lze693/article/details/67639574
版权

这次讲echarts地图从全国进省从省进市

 1.写一个div

<div id="main" style="height:800px"></div>

2.引入需要的js

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>

<script src="http://echarts.baidu.com/build/dist/echarts.js"></script>

或本地路径：<script src="build/dist/echarts.js"></script>

3.引入市地图的json

 这些数据都在echarts2下载下来的doc中有

地址如：echarts-2.2.7\doc\example\geoJson\china-main-city

数据有：


4.编写js

// 路径配置
require.config({
paths: {
echarts: 'http://echarts.baidu.com/build/dist'          也可以用本地：  build/dist/
}
});


// 使用
require(
[
'echarts',
'echarts/chart/map' // 使用柱状图就加载bar模块，按需加载
],
function(ec) {
// 基于准备好的dom，初始化echarts图表
var myChart = ec.init(document.getElementById('main'));
var ecConfig = require('echarts/config');
var zrEvent = require('zrender/tool/event');
var curIndx = 0;
var mapType = [
'china',
// 23个省
'广东', '青海', '四川', '海南', '陕西',
'甘肃', '云南', '湖南', '湖北', '黑龙江',
'贵州', '山东', '江西', '河南', '河北',
'山西', '安徽', '福建', '浙江', '江苏',
'吉林', '辽宁', '台湾',
// 5个自治区
'新疆', '广西', '宁夏', '内蒙古', '西藏',
// 4个直辖市
'北京', '天津', '上海', '重庆',
// 2个特别行政区
'香港', '澳门',
];
var cityMap = {
"北京市": "110100",
"天津市": "120100",
"上海市": "310100",
"重庆市": "500100",


"崇明县": "310200", // 
"湖北省直辖县市": "429000", // 
"铜仁市": "522200", // 
"毕节市": "522400", // 


"石家庄市": "130100",
"唐山市": "130200",
"秦皇岛市": "130300",
"邯郸市": "130400",
"邢台市": "130500",
"保定市": "130600",
"张家口市": "130700",
"承德市": "130800",
"沧州市": "130900",
"廊坊市": "13100",
"衡水市": "131100",
"太原市": "140100",
"大同市": "140200",
"阳泉市": "140300",
"长治市": "140400",
"晋城市": "140500",
"朔州市": "140600",
"晋中市": "140700",
"运城市": "140800",
"忻州市": "140900",
"临汾市": "14100",
"吕梁市": "141100",
"呼和浩特市": "150100",
"包头市": "150200",
"乌海市": "150300",
"赤峰市": "150400",
"通辽市": "150500",
"鄂尔多斯市": "150600",
"呼伦贝尔市": "150700",
"巴彦淖尔市": "150800",
"乌兰察布市": "150900",
"兴安盟": "152200",
"锡林郭勒盟": "152500",
"阿拉善盟": "152900",
"沈阳市": "210100",
"大连市": "210200",
"鞍山市": "210300",
"抚顺市": "210400",
"本溪市": "210500",
"丹东市": "210600",
"锦州市": "210700",
"营口市": "210800",
"阜新市": "210900",
"辽阳市": "21100",
"盘锦市": "211100",
"铁岭市": "211200",
"朝阳市": "211300",
"葫芦岛市": "211400",
"长春市": "220100",
"吉林市": "220200",
"四平市": "220300",
"辽源市": "220400",
"通化市": "220500",
"白山市": "220600",
"松原市": "220700",
"白城市": "220800",
"延边朝鲜族自治州": "222400",
"哈尔滨市": "230100",
"齐齐哈尔市": "230200",
"鸡西市": "230300",
"鹤岗市": "230400",
"双鸭山市": "230500",
"大庆市": "230600",
"伊春市": "230700",
"佳木斯市": "230800",
"七台河市": "230900",
"牡丹江市": "23100",
"黑河市": "231100",
"绥化市": "231200",
"大兴安岭地区": "232700",
"南京市": "320100",
"无锡市": "320200",
"徐州市": "320300",
"常州市": "320400",
"苏州市": "320500",
"南通市": "320600",
"连云港市": "320700",
"淮安市": "320800",
"盐城市": "320900",
"扬州市": "32100",
"镇江市": "321100",
"泰州市": "321200",
"宿迁市": "321300",
"杭州市": "330100",
"宁波市": "330200",
"温州市": "330300",
"嘉兴市": "330400",
"湖州市": "330500",
"绍兴市": "330600",
"金华市": "330700",
"衢州市": "330800",
"舟山市": "330900",
"台州市": "33100",
"丽水市": "331100",
"合肥市": "340100",
"芜湖市": "340200",
"蚌埠市": "340300",
"淮南市": "340400",
"马鞍山市": "340500",
"淮北市": "340600",
"铜陵市": "340700",
"安庆市": "340800",
"黄山市": "34100",
"滁州市": "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",
"抚州市": "36100",
"上饶市": "361100",
"济南市": "370100",
"青岛市": "370200",
"淄博市": "370300",
"枣庄市": "370400",
"东营市": "370500",
"烟台市": "370600",
"潍坊市": "370700",
"济宁市": "370800",
"泰安市": "370900",
"威海市": "37100",
"日照市": "371100",
"莱芜市": "371200",
"临沂市": "371300",
"德州市": "371400",
"聊城市": "371500",
"滨州市": "371600",
"菏泽市": "371700",
"郑州市": "410100",
"开封市": "410200",
"洛阳市": "410300",
"平顶山市": "410400",
"安阳市": "410500",
"鹤壁市": "410600",
"新乡市": "410700",
"焦作市": "410800",
"濮阳市": "410900",
"许昌市": "41100",
"漯河市": "411100",
"三门峡市": "411200",
"南阳市": "411300",
"商丘市": "411400",
"信阳市": "411500",
"周口市": "411600",
"驻马店市": "411700",
"省直辖县级行政区划": "469000",
"武汉市": "420100",
"黄石市": "420200",
"十堰市": "420300",
"宜昌市": "420500",
"襄阳市": "420600",
"鄂州市": "420700",
"荆门市": "420800",
"孝感市": "420900",
"荆州市": "42100",
"黄冈市": "421100",
"咸宁市": "421200",
"随州市": "421300",
"恩施土家族苗族自治州": "422800",
"长沙市": "430100",
"株洲市": "430200",
"湘潭市": "430300",
"衡阳市": "430400",
"邵阳市": "430500",
"岳阳市": "430600",
"常德市": "430700",
"张家界市": "430800",
"益阳市": "430900",
"郴州市": "43100",
"永州市": "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",
"百色市": "45100",
"贺州市": "451100",
"河池市": "451200",
"来宾市": "451300",
"崇左市": "451400",
"海口市": "460100",
"三亚市": "460200",
"三沙市": "460300",
"成都市": "510100",
"自贡市": "510300",
"攀枝花市": "510400",
"泸州市": "510500",
"德阳市": "510600",
"绵阳市": "510700",
"广元市": "510800",
"遂宁市": "510900",
"内江市": "51100",
"乐山市": "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",
"商洛市": "61100",
"兰州市": "620100",
"嘉峪关市": "620200",
"金昌市": "620300",
"白银市": "620400",
"天水市": "620500",
"武威市": "620600",
"张掖市": "620700",
"平凉市": "620800",
"酒泉市": "620900",
"庆阳市": "62100",
"定西市": "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",
"台湾省": "71000",
"香港特别行政区": "810100",
"澳门特别行政区": "820000"
};
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)
}
}
myChart.on(ecConfig.EVENT.MAP_SELECTED, function(param) {
var len = mapType.length;
var mt = param.target;
var f = false;
for(var i = 0; i < len; i++) {
if(mt == mapType[i]) {
f = true;
mt = mapType[i];
}
}
if(!f) {
mt = 'china';
option.title.text = "全国地图";
}else{
option.title.text = mt+"地图";
}
option.tooltip.trigger = 'item';
option.series[0].mapType = mt;
myChart.setOption(option, true);
});
option = {
title: {
text: '全国地图',
x: 'center'
},
tooltip: {
trigger: 'item'
},
legend: {
orient: 'vertical',
x: 'left',
data: ['规划区'],
},


dataRange: {
x: 'left',
y: 'bottom',
splitList: [{
start: 100
}, {
start: 85,
end: 100
}, {
start: 65,
end: 85
}, {
start: 45,
end: 65
}, {
start: 25,
end: 45,
}, {
start: 25,
end: 5,
}, {
end: 5
}],
color: ['#D3776C', '#E19E81', '#FBE8A4']
},
toolbox: {
show: true,
orient: 'vertical',
x: 'right',
y: 'center',
},
series: [{
name: '规划区',
type: 'map',
mapType: 'china',
selectedMode: 'single',
itemStyle: {
normal: {
label: {
show: true,
textStyle: {
color: "rgb(249, 249, 249)"
}
},
},
emphasis: { label: { show: true } },
},
data: [
{ name: '湖南', value: Math.round(Math.random() * 100) },
{ name: '湖北', value: Math.round(Math.random() * 100) },
{ name: '广东', value: Math.round(Math.random() * 100) },
{ name: '青海', value: Math.round(Math.random() * 100) },
{ name: '四川', value: Math.round(Math.random() * 100) },
{ name: '海南', value: Math.round(Math.random() * 100) },
{ name: '陕西', value: Math.round(Math.random() * 100) },
{ name: '甘肃', value: Math.round(Math.random() * 100) },
{ name: '云南', value: Math.round(Math.random() * 100) },
{ name: '黑龙江', value: Math.round(Math.random() * 100) },
{ name: '贵州', value: Math.round(Math.random() * 100) },
{ name: '山东', value: Math.round(Math.random() * 100) },
{ name: '江西', value: Math.round(Math.random() * 100) },
{ name: '河南', value: Math.round(Math.random() * 100) },
{ name: '河北', value: Math.round(Math.random() * 100) },
{ name: '山西', value: Math.round(Math.random() * 100) },
{ name: '安徽', value: Math.round(Math.random() * 100) },
{ name: '福建', value: Math.round(Math.random() * 100) },
{ name: '浙江', value: Math.round(Math.random() * 100) },
{ name: '江苏', value: Math.round(Math.random() * 100) },
{ name: '吉林', value: Math.round(Math.random() * 100) },
{ name: '辽宁', value: Math.round(Math.random() * 100) },
{ name: '台湾', value: Math.round(Math.random() * 100) },
{ name: '新疆', value: Math.round(Math.random() * 100) },
{ name: '广西', value: Math.round(Math.random() * 100) },
{ name: '宁夏', value: Math.round(Math.random() * 100) },
{ name: '内蒙古', value: Math.round(Math.random() * 100) },
{ name: '西藏', value: Math.round(Math.random() * 100) },
{ name: '北京', value: Math.round(Math.random() * 100) },
{ name: '天津', value: Math.round(Math.random() * 100) },
{ name: '重庆', value: Math.round(Math.random() * 100) },
{ name: '上海', value: Math.round(Math.random() * 100) },
{ name: '广州', value: Math.round(Math.random() * 100) },
{ name: '重庆市', value: Math.round(Math.random() * 100) },
{ name: '北京市', value: Math.round(Math.random() * 100) },
{ name: '天津市', value: Math.round(Math.random() * 100) },
{ name: '上海市', value: Math.round(Math.random() * 100) },
{ name: '香港', value: Math.round(Math.random() * 100) },
{ name: '澳门', value: Math.round(Math.random() * 100) },
{ name: '巴音郭楞蒙古自治州', value: Math.round(Math.random() * 100) },
{ name: '和田地区', value: Math.round(Math.random() * 100) },
{ name: '哈密地区', value: Math.round(Math.random() * 100) },
{ name: '阿克苏地区', value: Math.round(Math.random() * 100) },
{ name: '阿勒泰地区', value: Math.round(Math.random() * 100) },
{ name: '喀什地区', value: Math.round(Math.random() * 100) },
{ name: '塔城地区', value: Math.round(Math.random() * 100) },
{ name: '昌吉回族自治州', value: Math.round(Math.random() * 100) },
{ name: '克孜勒苏柯尔克孜自治州', value: Math.round(Math.random() * 100) },
{ name: '吐鲁番地区', value: Math.round(Math.random() * 100) },
{ name: '伊犁哈萨克自治州', value: Math.round(Math.random() * 100) },
{ name: '博尔塔拉蒙古自治州', value: Math.round(Math.random() * 100) },
{ name: '乌鲁木齐市', value: Math.round(Math.random() * 100) },
{ name: '克拉玛依市', value: Math.round(Math.random() * 100) },
{ name: '阿拉尔市', value: Math.round(Math.random() * 100) },
{ name: '图木舒克市', value: Math.round(Math.random() * 100) },
{ name: '五家渠市', value: Math.round(Math.random() * 100) },
{ name: '石河子市', value: Math.round(Math.random() * 100) },
{ name: '那曲地区', value: Math.round(Math.random() * 100) },
{ name: '阿里地区', value: Math.round(Math.random() * 100) },
{ name: '日喀则地区', value: Math.round(Math.random() * 100) },
{ name: '林芝地区', value: Math.round(Math.random() * 100) },
{ name: '昌都地区', value: Math.round(Math.random() * 100) },
{ name: '山南地区', value: Math.round(Math.random() * 100) },
{ name: '拉萨市', value: Math.round(Math.random() * 100) },
{ name: '呼伦贝尔市', value: Math.round(Math.random() * 100) },
{ name: '阿拉善盟', value: Math.round(Math.random() * 100) },
{ name: '锡林郭勒盟', value: Math.round(Math.random() * 100) },
{ name: '鄂尔多斯市', value: Math.round(Math.random() * 100) },
{ name: '赤峰市', value: Math.round(Math.random() * 100) },
{ name: '巴彦淖尔市', value: Math.round(Math.random() * 100) },
{ name: '通辽市', value: Math.round(Math.random() * 100) },
{ name: '乌兰察布市', value: Math.round(Math.random() * 100) },
{ name: '兴安盟', value: Math.round(Math.random() * 100) },
{ name: '包头市', value: Math.round(Math.random() * 100) },
{ name: '呼和浩特市', value: Math.round(Math.random() * 100) },
{ name: '乌海市', value: Math.round(Math.random() * 100) },
{ name: '海西蒙古族藏族自治州', value: Math.round(Math.random() * 100) },
{ name: '玉树藏族自治州', value: Math.round(Math.random() * 100) },
{ name: '果洛藏族自治州', value: Math.round(Math.random() * 100) },
{ name: '海南藏族自治州', value: Math.round(Math.random() * 100) },
{ name: '海北藏族自治州', value: Math.round(Math.random() * 100) },
{ name: '黄南藏族自治州', value: Math.round(Math.random() * 100) },
{ name: '海东地区', value: Math.round(Math.random() * 100) },
{ name: '西宁市', value: Math.round(Math.random() * 100) },
{ name: '甘孜藏族自治州', value: Math.round(Math.random() * 100) },
{ name: '阿坝藏族羌族自治州', value: Math.round(Math.random() * 100) },
{ name: '凉山彝族自治州', value: Math.round(Math.random() * 100) },
{ name: '绵阳市', value: Math.round(Math.random() * 100) },
{ name: '达州市', value: Math.round(Math.random() * 100) },
{ name: '广元市', value: Math.round(Math.random() * 100) },
{ name: '雅安市', value: Math.round(Math.random() * 100) },
{ name: '宜宾市', value: Math.round(Math.random() * 100) },
{ name: '乐山市', value: Math.round(Math.random() * 100) },
{ name: '南充市', value: Math.round(Math.random() * 100) },
{ name: '巴中市', value: Math.round(Math.random() * 100) },
{ name: '泸州市', value: Math.round(Math.random() * 100) },
{ name: '成都市', value: Math.round(Math.random() * 100) },
{ name: '资阳市', value: Math.round(Math.random() * 100) },
{ name: '攀枝花市', value: Math.round(Math.random() * 100) },
{ name: '眉山市', value: Math.round(Math.random() * 100) },
{ name: '广安市', value: Math.round(Math.random() * 100) },
{ name: '德阳市', value: Math.round(Math.random() * 100) },
{ name: '内江市', value: Math.round(Math.random() * 100) },
{ name: '遂宁市', value: Math.round(Math.random() * 100) },
{ name: '自贡市', value: Math.round(Math.random() * 100) },
{ name: '黑河市', value: Math.round(Math.random() * 100) },
{ name: '大兴安岭地区', value: Math.round(Math.random() * 100) },
{ name: '哈尔滨市', value: Math.round(Math.random() * 100) },
{ name: '齐齐哈尔市', value: Math.round(Math.random() * 100) },
{ name: '牡丹江市', value: Math.round(Math.random() * 100) },
{ name: '绥化市', value: Math.round(Math.random() * 100) },
{ name: '伊春市', value: Math.round(Math.random() * 100) },
{ name: '佳木斯市', value: Math.round(Math.random() * 100) },
{ name: '鸡西市', value: Math.round(Math.random() * 100) },
{ name: '双鸭山市', value: Math.round(Math.random() * 100) },
{ name: '大庆市', value: Math.round(Math.random() * 100) },
{ name: '鹤岗市', value: Math.round(Math.random() * 100) },
{ name: '七台河市', value: Math.round(Math.random() * 100) },
{ name: '酒泉市', value: Math.round(Math.random() * 100) },
{ name: '张掖市', value: Math.round(Math.random() * 100) },
{ name: '甘南藏族自治州', value: Math.round(Math.random() * 100) },
{ name: '武威市', value: Math.round(Math.random() * 100) },
{ name: '陇南市', value: Math.round(Math.random() * 100) },
{ name: '庆阳市', value: Math.round(Math.random() * 100) },
{ name: '白银市', value: Math.round(Math.random() * 100) },
{ name: '定西市', value: Math.round(Math.random() * 100) },
{ name: '天水市', value: Math.round(Math.random() * 100) },
{ name: '兰州市', value: Math.round(Math.random() * 100) },
{ name: '平凉市', value: Math.round(Math.random() * 100) },
{ name: '临夏回族自治州', value: Math.round(Math.random() * 100) },
{ name: '金昌市', value: Math.round(Math.random() * 100) },
{ name: '嘉峪关市', value: Math.round(Math.random() * 100) },
{ name: '普洱市', value: Math.round(Math.random() * 100) },
{ name: '红河哈尼族彝族自治州', value: Math.round(Math.random() * 100) },
{ name: '文山壮族苗族自治州', value: Math.round(Math.random() * 100) },
{ name: '曲靖市', value: Math.round(Math.random() * 100) },
{ name: '楚雄彝族自治州', value: Math.round(Math.random() * 100) },
{ name: '大理白族自治州', value: Math.round(Math.random() * 100) },
{ name: '临沧市', value: Math.round(Math.random() * 100) },
{ name: '迪庆藏族自治州', value: Math.round(Math.random() * 100) },
{ name: '昭通市', value: Math.round(Math.random() * 100) },
{ name: '昆明市', value: Math.round(Math.random() * 100) },
{ name: '丽江市', value: Math.round(Math.random() * 100) },
{ name: '西双版纳傣族自治州', value: Math.round(Math.random() * 100) },
{ name: '保山市', value: Math.round(Math.random() * 100) },
{ name: '玉溪市', value: Math.round(Math.random() * 100) },
{ name: '怒江傈僳族自治州', value: Math.round(Math.random() * 100) },
{ name: '德宏傣族景颇族自治州', value: Math.round(Math.random() * 100) },
{ name: '百色市', value: Math.round(Math.random() * 100) },
{ name: '河池市', value: Math.round(Math.random() * 100) },
{ name: '桂林市', value: Math.round(Math.random() * 100) },
{ name: '南宁市', value: Math.round(Math.random() * 100) },
{ name: '柳州市', value: Math.round(Math.random() * 100) },
{ name: '崇左市', value: Math.round(Math.random() * 100) },
{ name: '来宾市', value: Math.round(Math.random() * 100) },
{ name: '玉林市', value: Math.round(Math.random() * 100) },
{ name: '梧州市', value: Math.round(Math.random() * 100) },
{ name: '贺州市', value: Math.round(Math.random() * 100) },
{ name: '钦州市', value: Math.round(Math.random() * 100) },
{ name: '贵港市', value: Math.round(Math.random() * 100) },
{ name: '防城港市', value: Math.round(Math.random() * 100) },
{ name: '北海市', value: Math.round(Math.random() * 100) },
{ name: '怀化市', value: Math.round(Math.random() * 100) },
{ name: '永州市', value: Math.round(Math.random() * 100) },
{ name: '邵阳市', value: Math.round(Math.random() * 100) },
{ name: '郴州市', value: Math.round(Math.random() * 100) },
{ name: '常德市', value: Math.round(Math.random() * 100) },
{ name: '湘西土家族苗族自治州', value: Math.round(Math.random() * 100) },
{ name: '衡阳市', value: Math.round(Math.random() * 100) },
{ name: '岳阳市', value: Math.round(Math.random() * 100) },
{ name: '益阳市', value: Math.round(Math.random() * 100) },
{ name: '长沙市', value: Math.round(Math.random() * 100) },
{ name: '株洲市', value: Math.round(Math.random() * 100) },
{ name: '张家界市', value: Math.round(Math.random() * 100) },
{ name: '娄底市', value: Math.round(Math.random() * 100) },
{ name: '湘潭市', value: Math.round(Math.random() * 100) },
{ name: '榆林市', value: Math.round(Math.random() * 100) },
{ name: '延安市', value: Math.round(Math.random() * 100) },
{ name: '汉中市', value: Math.round(Math.random() * 100) },
{ name: '安康市', value: Math.round(Math.random() * 100) },
{ name: '商洛市', value: Math.round(Math.random() * 100) },
{ name: '宝鸡市', value: Math.round(Math.random() * 100) },
{ name: '渭南市', value: Math.round(Math.random() * 100) },
{ name: '咸阳市', value: Math.round(Math.random() * 100) },
{ name: '西安市', value: Math.round(Math.random() * 100) },
{ name: '铜川市', value: Math.round(Math.random() * 100) },
{ name: '清远市', value: Math.round(Math.random() * 100) },
{ name: '韶关市', value: Math.round(Math.random() * 100) },
{ name: '湛江市', value: Math.round(Math.random() * 100) },
{ name: '梅州市', value: Math.round(Math.random() * 100) },
{ name: '河源市', value: Math.round(Math.random() * 100) },
{ name: '肇庆市', value: Math.round(Math.random() * 100) },
{ name: '惠州市', value: Math.round(Math.random() * 100) },
{ name: '茂名市', value: Math.round(Math.random() * 100) },
{ name: '江门市', value: Math.round(Math.random() * 100) },
{ name: '阳江市', value: Math.round(Math.random() * 100) },
{ name: '云浮市', value: Math.round(Math.random() * 100) },
{ name: '广州市', value: Math.round(Math.random() * 100) },
{ name: '汕尾市', value: Math.round(Math.random() * 100) },
{ name: '揭阳市', value: Math.round(Math.random() * 100) },
{ name: '珠海市', value: Math.round(Math.random() * 100) },
{ name: '佛山市', value: Math.round(Math.random() * 100) },
{ name: '潮州市', value: Math.round(Math.random() * 100) },
{ name: '汕头市', value: Math.round(Math.random() * 100) },
{ name: '深圳市', value: Math.round(Math.random() * 100) },
{ name: '东莞市', value: Math.round(Math.random() * 100) },
{ name: '中山市', value: Math.round(Math.random() * 100) },
{ name: '延边朝鲜族自治州', value: Math.round(Math.random() * 100) },
{ name: '吉林市', value: Math.round(Math.random() * 100) },
{ name: '白城市', value: Math.round(Math.random() * 100) },
{ name: '松原市', value: Math.round(Math.random() * 100) },
{ name: '长春市', value: Math.round(Math.random() * 100) },
{ name: '白山市', value: Math.round(Math.random() * 100) },
{ name: '通化市', value: Math.round(Math.random() * 100) },
{ name: '四平市', value: Math.round(Math.random() * 100) },
{ name: '辽源市', value: Math.round(Math.random() * 100) },
{ name: '承德市', value: Math.round(Math.random() * 100) },
{ name: '张家口市', value: Math.round(Math.random() * 100) },
{ name: '保定市', value: Math.round(Math.random() * 100) },
{ name: '唐山市', value: Math.round(Math.random() * 100) },
{ name: '沧州市', value: Math.round(Math.random() * 100) },
{ name: '石家庄市', value: Math.round(Math.random() * 100) },
{ name: '邢台市', value: Math.round(Math.random() * 100) },
{ name: '邯郸市', value: Math.round(Math.random() * 100) },
{ name: '秦皇岛市', value: Math.round(Math.random() * 100) },
{ name: '衡水市', value: Math.round(Math.random() * 100) },
{ name: '廊坊市', value: Math.round(Math.random() * 100) },
{ name: '恩施土家族苗族自治州', value: Math.round(Math.random() * 100) },
{ name: '十堰市', value: Math.round(Math.random() * 100) },
{ name: '宜昌市', value: Math.round(Math.random() * 100) },
{ name: '襄樊市', value: Math.round(Math.random() * 100) },
{ name: '黄冈市', value: Math.round(Math.random() * 100) },
{ name: '荆州市', value: Math.round(Math.random() * 100) },
{ name: '荆门市', value: Math.round(Math.random() * 100) },
{ name: '咸宁市', value: Math.round(Math.random() * 100) },
{ name: '随州市', value: Math.round(Math.random() * 100) },
{ name: '孝感市', value: Math.round(Math.random() * 100) },
{ name: '武汉市', value: Math.round(Math.random() * 100) },
{ name: '黄石市', value: Math.round(Math.random() * 100) },
{ name: '神农架林区', value: Math.round(Math.random() * 100) },
{ name: '天门市', value: Math.round(Math.random() * 100) },
{ name: '仙桃市', value: Math.round(Math.random() * 100) },
{ name: '潜江市', value: Math.round(Math.random() * 100) },
{ name: '鄂州市', value: Math.round(Math.random() * 100) },
{ name: '遵义市', value: Math.round(Math.random() * 100) },
{ name: '黔东南苗族侗族自治州', value: Math.round(Math.random() * 100) },
{ name: '毕节地区', value: Math.round(Math.random() * 100) },
{ name: '黔南布依族苗族自治州', value: Math.round(Math.random() * 100) },
{ name: '铜仁地区', value: Math.round(Math.random() * 100) },
{ name: '黔西南布依族苗族自治州', value: Math.round(Math.random() * 100) },
{ name: '六盘水市', value: Math.round(Math.random() * 100) },
{ name: '安顺市', value: Math.round(Math.random() * 100) },
{ name: '贵阳市', value: Math.round(Math.random() * 100) },
{ name: '烟台市', value: Math.round(Math.random() * 100) },
{ name: '临沂市', value: Math.round(Math.random() * 100) },
{ name: '潍坊市', value: Math.round(Math.random() * 100) },
{ name: '青岛市', value: Math.round(Math.random() * 100) },
{ name: '菏泽市', value: Math.round(Math.random() * 100) },
{ name: '济宁市', value: Math.round(Math.random() * 100) },
{ name: '德州市', value: Math.round(Math.random() * 100) },
{ name: '滨州市', value: Math.round(Math.random() * 100) },
{ name: '聊城市', value: Math.round(Math.random() * 100) },
{ name: '东营市', value: Math.round(Math.random() * 100) },
{ name: '济南市', value: Math.round(Math.random() * 100) },
{ name: '泰安市', value: Math.round(Math.random() * 100) },
{ name: '威海市', value: Math.round(Math.random() * 100) },
{ name: '日照市', value: Math.round(Math.random() * 100) },
{ name: '淄博市', value: Math.round(Math.random() * 100) },
{ name: '枣庄市', value: Math.round(Math.random() * 100) },
{ name: '莱芜市', value: Math.round(Math.random() * 100) },
{ name: '赣州市', value: Math.round(Math.random() * 100) },
{ name: '吉安市', value: Math.round(Math.random() * 100) },
{ name: '上饶市', value: Math.round(Math.random() * 100) },
{ name: '九江市', value: Math.round(Math.random() * 100) },
{ name: '抚州市', value: Math.round(Math.random() * 100) },
{ name: '宜春市', value: Math.round(Math.random() * 100) },
{ name: '南昌市', value: Math.round(Math.random() * 100) },
{ name: '景德镇市', value: Math.round(Math.random() * 100) },
{ name: '萍乡市', value: Math.round(Math.random() * 100) },
{ name: '鹰潭市', value: Math.round(Math.random() * 100) },
{ name: '新余市', value: Math.round(Math.random() * 100) },
{ name: '南阳市', value: Math.round(Math.random() * 100) },
{ name: '信阳市', value: Math.round(Math.random() * 100) },
{ name: '洛阳市', value: Math.round(Math.random() * 100) },
{ name: '驻马店市', value: Math.round(Math.random() * 100) },
{ name: '周口市', value: Math.round(Math.random() * 100) },
{ name: '商丘市', value: Math.round(Math.random() * 100) },
{ name: '三门峡市', value: Math.round(Math.random() * 100) },
{ name: '新乡市', value: Math.round(Math.random() * 100) },
{ name: '平顶山市', value: Math.round(Math.random() * 100) },
{ name: '郑州市', value: Math.round(Math.random() * 100) },
{ name: '安阳市', value: Math.round(Math.random() * 100) },
{ name: '开封市', value: Math.round(Math.random() * 100) },
{ name: '焦作市', value: Math.round(Math.random() * 100) },
{ name: '许昌市', value: Math.round(Math.random() * 100) },
{ name: '濮阳市', value: Math.round(Math.random() * 100) },
{ name: '漯河市', value: Math.round(Math.random() * 100) },
{ name: '鹤壁市', value: Math.round(Math.random() * 100) },
{ name: '大连市', value: Math.round(Math.random() * 100) },
{ name: '朝阳市', value: Math.round(Math.random() * 100) },
{ name: '丹东市', value: Math.round(Math.random() * 100) },
{ name: '铁岭市', value: Math.round(Math.random() * 100) },
{ name: '沈阳市', value: Math.round(Math.random() * 100) },
{ name: '抚顺市', value: Math.round(Math.random() * 100) },
{ name: '葫芦岛市', value: Math.round(Math.random() * 100) },
{ name: '阜新市', value: Math.round(Math.random() * 100) },
{ name: '锦州市', value: Math.round(Math.random() * 100) },
{ name: '鞍山市', value: Math.round(Math.random() * 100) },
{ name: '本溪市', value: Math.round(Math.random() * 100) },
{ name: '营口市', value: Math.round(Math.random() * 100) },
{ name: '辽阳市', value: Math.round(Math.random() * 100) },
{ name: '盘锦市', value: Math.round(Math.random() * 100) },
{ name: '忻州市', value: Math.round(Math.random() * 100) },
{ name: '吕梁市', value: Math.round(Math.random() * 100) },
{ name: '临汾市', value: Math.round(Math.random() * 100) },
{ name: '晋中市', value: Math.round(Math.random() * 100) },
{ name: '运城市', value: Math.round(Math.random() * 100) },
{ name: '大同市', value: Math.round(Math.random() * 100) },
{ name: '长治市', value: Math.round(Math.random() * 100) },
{ name: '朔州市', value: Math.round(Math.random() * 100) },
{ name: '晋城市', value: Math.round(Math.random() * 100) },
{ name: '太原市', value: Math.round(Math.random() * 100) },
{ name: '阳泉市', value: Math.round(Math.random() * 100) },
{ name: '六安市', value: Math.round(Math.random() * 100) },
{ name: '安庆市', value: Math.round(Math.random() * 100) },
{ name: '滁州市', value: Math.round(Math.random() * 100) },
{ name: '宣城市', value: Math.round(Math.random() * 100) },
{ name: '阜阳市', value: Math.round(Math.random() * 100) },
{ name: '宿州市', value: Math.round(Math.random() * 100) },
{ name: '黄山市', value: Math.round(Math.random() * 100) },
{ name: '巢湖市', value: Math.round(Math.random() * 100) },
{ name: '亳州市', value: Math.round(Math.random() * 100) },
{ name: '池州市', value: Math.round(Math.random() * 100) },
{ name: '合肥市', value: Math.round(Math.random() * 100) },
{ name: '蚌埠市', value: Math.round(Math.random() * 100) },
{ name: '芜湖市', value: Math.round(Math.random() * 100) },
{ name: '淮北市', value: Math.round(Math.random() * 100) },
{ name: '淮南市', value: Math.round(Math.random() * 100) },
{ name: '马鞍山市', value: Math.round(Math.random() * 100) },
{ name: '铜陵市', value: Math.round(Math.random() * 100) },
{ name: '南平市', value: Math.round(Math.random() * 100) },
{ name: '三明市', value: Math.round(Math.random() * 100) },
{ name: '龙岩市', value: Math.round(Math.random() * 100) },
{ name: '宁德市', value: Math.round(Math.random() * 100) },
{ name: '福州市', value: Math.round(Math.random() * 100) },
{ name: '漳州市', value: Math.round(Math.random() * 100) },
{ name: '泉州市', value: Math.round(Math.random() * 100) },
{ name: '莆田市', value: Math.round(Math.random() * 100) },
{ name: '厦门市', value: Math.round(Math.random() * 100) },
{ name: '丽水市', value: Math.round(Math.random() * 100) },
{ name: '杭州市', value: Math.round(Math.random() * 100) },
{ name: '温州市', value: Math.round(Math.random() * 100) },
{ name: '宁波市', value: Math.round(Math.random() * 100) },
{ name: '舟山市', value: Math.round(Math.random() * 100) },
{ name: '台州市', value: Math.round(Math.random() * 100) },
{ name: '金华市', value: Math.round(Math.random() * 100) },
{ name: '衢州市', value: Math.round(Math.random() * 100) },
{ name: '绍兴市', value: Math.round(Math.random() * 100) },
{ name: '嘉兴市', value: Math.round(Math.random() * 100) },
{ name: '湖州市', value: Math.round(Math.random() * 100) },
{ name: '盐城市', value: Math.round(Math.random() * 100) },
{ name: '徐州市', value: Math.round(Math.random() * 100) },
{ name: '南通市', value: Math.round(Math.random() * 100) },
{ name: '淮安市', value: Math.round(Math.random() * 100) },
{ name: '苏州市', value: Math.round(Math.random() * 100) },
{ name: '宿迁市', value: Math.round(Math.random() * 100) },
{ name: '连云港市', value: Math.round(Math.random() * 100) },
{ name: '扬州市', value: Math.round(Math.random() * 100) },
{ name: '南京市', value: Math.round(Math.random() * 100) },
{ name: '泰州市', value: Math.round(Math.random() * 100) },
{ name: '无锡市', value: Math.round(Math.random() * 100) },
{ name: '常州市', value: Math.round(Math.random() * 100) },
{ name: '镇江市', value: Math.round(Math.random() * 100) },
{ name: '吴忠市', value: Math.round(Math.random() * 100) },
{ name: '中卫市', value: Math.round(Math.random() * 100) },
{ name: '固原市', value: Math.round(Math.random() * 100) },
{ name: '银川市', value: Math.round(Math.random() * 100) },
{ name: '石嘴山市', value: Math.round(Math.random() * 100) },
{ name: '儋州市', value: Math.round(Math.random() * 100) },
{ name: '文昌市', value: Math.round(Math.random() * 100) },
{ name: '乐东黎族自治县', value: Math.round(Math.random() * 100) },
{ name: '三亚市', value: Math.round(Math.random() * 100) },
{ name: '琼中黎族苗族自治县', value: Math.round(Math.random() * 100) },
{ name: '东方市', value: Math.round(Math.random() * 100) },
{ name: '海口市', value: Math.round(Math.random() * 100) },
{ name: '万宁市', value: Math.round(Math.random() * 100) },
{ name: '澄迈县', value: Math.round(Math.random() * 100) },
{ name: '白沙黎族自治县', value: Math.round(Math.random() * 100) },
{ name: '琼海市', value: Math.round(Math.random() * 100) },
{ name: '昌江黎族自治县', value: Math.round(Math.random() * 100) },
{ name: '临高县', value: Math.round(Math.random() * 100) },
{ name: '陵水黎族自治县', value: Math.round(Math.random() * 100) },
{ name: '屯昌县', value: Math.round(Math.random() * 100) },
{ name: '定安县', value: Math.round(Math.random() * 100) },
{ name: '保亭黎族苗族自治县', value: Math.round(Math.random() * 100) },
{ name: '五指山市', value: Math.round(Math.random() * 100) },
{ name: '长沙县', value: Math.round(Math.random() * 100) },
{ name: '宁乡县', value: Math.round(Math.random() * 100) },
{ name: '浏阳市', value: Math.round(Math.random() * 100) },
{ name: '长沙县', value: Math.round(Math.random() * 100) },
{ name: '开福区', value: Math.round(Math.random() * 100) },
{ name: '芙蓉区', value: Math.round(Math.random() * 100) },
{ name: '雨花区', value: Math.round(Math.random() * 100) },
{ name: '望城区', value: Math.round(Math.random() * 100) },
{ name: '天心区', value: Math.round(Math.random() * 100) },
{ name: '岳麓区', value: Math.round(Math.random() * 100) },
]
}]
};


// 为echarts对象加载数据 
myChart.setOption(option);
}
);


源码：

<!DOCTYPE html>

<head>
	<meta charset="utf-8">
	<title>ECharts</title>
</head>

<body>
	<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
	<div id="main" style="height:600px"></div>
	<!-- ECharts单文件引入 -->
	<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
	<script src="http://echarts.baidu.com/build/dist/echarts.js"></script>
	<script type="text/javascript">
		// 路径配置
		require.config({
			paths: {
				echarts: 'http://echarts.baidu.com/build/dist'
			}
		});

		// 使用
		require(
			[
				'echarts',
				'echarts/chart/map' // 使用柱状图就加载bar模块，按需加载
			],
			function(ec) {
				// 基于准备好的dom，初始化echarts图表
				var myChart = ec.init(document.getElementById('main'));
				var ecConfig = require('echarts/config');
				var zrEvent = require('zrender/tool/event');
				var curIndx = 0;
				var mapType = [
					'china',
					// 23个省
					'广东', '青海', '四川', '海南', '陕西',
					'甘肃', '云南', '湖南', '湖北', '黑龙江',
					'贵州', '山东', '江西', '河南', '河北',
					'山西', '安徽', '福建', '浙江', '江苏',
					'吉林', '辽宁', '台湾',
					// 5个自治区
					'新疆', '广西', '宁夏', '内蒙古', '西藏',
					// 4个直辖市
					'北京', '天津', '上海', '重庆',
					// 2个特别行政区
					'香港', '澳门',
				];
				var cityMap = {
					"北京市": "110100",
					"天津市": "120100",
					"上海市": "310100",
					"重庆市": "500100",

					"崇明县": "310200", // 
					"湖北省直辖县市": "429000", // 
					"铜仁市": "522200", // 
					"毕节市": "522400", // 

					"石家庄市": "130100",
					"唐山市": "130200",
					"秦皇岛市": "130300",
					"邯郸市": "130400",
					"邢台市": "130500",
					"保定市": "130600",
					"张家口市": "130700",
					"承德市": "130800",
					"沧州市": "130900",
					"廊坊市": "13100",
					"衡水市": "131100",
					"太原市": "140100",
					"大同市": "140200",
					"阳泉市": "140300",
					"长治市": "140400",
					"晋城市": "140500",
					"朔州市": "140600",
					"晋中市": "140700",
					"运城市": "140800",
					"忻州市": "140900",
					"临汾市": "14100",
					"吕梁市": "141100",
					"呼和浩特市": "150100",
					"包头市": "150200",
					"乌海市": "150300",
					"赤峰市": "150400",
					"通辽市": "150500",
					"鄂尔多斯市": "150600",
					"呼伦贝尔市": "150700",
					"巴彦淖尔市": "150800",
					"乌兰察布市": "150900",
					"兴安盟": "152200",
					"锡林郭勒盟": "152500",
					"阿拉善盟": "152900",
					"沈阳市": "210100",
					"大连市": "210200",
					"鞍山市": "210300",
					"抚顺市": "210400",
					"本溪市": "210500",
					"丹东市": "210600",
					"锦州市": "210700",
					"营口市": "210800",
					"阜新市": "210900",
					"辽阳市": "21100",
					"盘锦市": "211100",
					"铁岭市": "211200",
					"朝阳市": "211300",
					"葫芦岛市": "211400",
					"长春市": "220100",
					"吉林市": "220200",
					"四平市": "220300",
					"辽源市": "220400",
					"通化市": "220500",
					"白山市": "220600",
					"松原市": "220700",
					"白城市": "220800",
					"延边朝鲜族自治州": "222400",
					"哈尔滨市": "230100",
					"齐齐哈尔市": "230200",
					"鸡西市": "230300",
					"鹤岗市": "230400",
					"双鸭山市": "230500",
					"大庆市": "230600",
					"伊春市": "230700",
					"佳木斯市": "230800",
					"七台河市": "230900",
					"牡丹江市": "23100",
					"黑河市": "231100",
					"绥化市": "231200",
					"大兴安岭地区": "232700",
					"南京市": "320100",
					"无锡市": "320200",
					"徐州市": "320300",
					"常州市": "320400",
					"苏州市": "320500",
					"南通市": "320600",
					"连云港市": "320700",
					"淮安市": "320800",
					"盐城市": "320900",
					"扬州市": "32100",
					"镇江市": "321100",
					"泰州市": "321200",
					"宿迁市": "321300",
					"杭州市": "330100",
					"宁波市": "330200",
					"温州市": "330300",
					"嘉兴市": "330400",
					"湖州市": "330500",
					"绍兴市": "330600",
					"金华市": "330700",
					"衢州市": "330800",
					"舟山市": "330900",
					"台州市": "33100",
					"丽水市": "331100",
					"合肥市": "340100",
					"芜湖市": "340200",
					"蚌埠市": "340300",
					"淮南市": "340400",
					"马鞍山市": "340500",
					"淮北市": "340600",
					"铜陵市": "340700",
					"安庆市": "340800",
					"黄山市": "34100",
					"滁州市": "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",
					"抚州市": "36100",
					"上饶市": "361100",
					"济南市": "370100",
					"青岛市": "370200",
					"淄博市": "370300",
					"枣庄市": "370400",
					"东营市": "370500",
					"烟台市": "370600",
					"潍坊市": "370700",
					"济宁市": "370800",
					"泰安市": "370900",
					"威海市": "37100",
					"日照市": "371100",
					"莱芜市": "371200",
					"临沂市": "371300",
					"德州市": "371400",
					"聊城市": "371500",
					"滨州市": "371600",
					"菏泽市": "371700",
					"郑州市": "410100",
					"开封市": "410200",
					"洛阳市": "410300",
					"平顶山市": "410400",
					"安阳市": "410500",
					"鹤壁市": "410600",
					"新乡市": "410700",
					"焦作市": "410800",
					"濮阳市": "410900",
					"许昌市": "41100",
					"漯河市": "411100",
					"三门峡市": "411200",
					"南阳市": "411300",
					"商丘市": "411400",
					"信阳市": "411500",
					"周口市": "411600",
					"驻马店市": "411700",
					"省直辖县级行政区划": "469000",
					"武汉市": "420100",
					"黄石市": "420200",
					"十堰市": "420300",
					"宜昌市": "420500",
					"襄阳市": "420600",
					"鄂州市": "420700",
					"荆门市": "420800",
					"孝感市": "420900",
					"荆州市": "42100",
					"黄冈市": "421100",
					"咸宁市": "421200",
					"随州市": "421300",
					"恩施土家族苗族自治州": "422800",
					"长沙市": "430100",
					"株洲市": "430200",
					"湘潭市": "430300",
					"衡阳市": "430400",
					"邵阳市": "430500",
					"岳阳市": "430600",
					"常德市": "430700",
					"张家界市": "430800",
					"益阳市": "430900",
					"郴州市": "43100",
					"永州市": "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",
					"百色市": "45100",
					"贺州市": "451100",
					"河池市": "451200",
					"来宾市": "451300",
					"崇左市": "451400",
					"海口市": "460100",
					"三亚市": "460200",
					"三沙市": "460300",
					"成都市": "510100",
					"自贡市": "510300",
					"攀枝花市": "510400",
					"泸州市": "510500",
					"德阳市": "510600",
					"绵阳市": "510700",
					"广元市": "510800",
					"遂宁市": "510900",
					"内江市": "51100",
					"乐山市": "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",
					"商洛市": "61100",
					"兰州市": "620100",
					"嘉峪关市": "620200",
					"金昌市": "620300",
					"白银市": "620400",
					"天水市": "620500",
					"武威市": "620600",
					"张掖市": "620700",
					"平凉市": "620800",
					"酒泉市": "620900",
					"庆阳市": "62100",
					"定西市": "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",
					"台湾省": "71000",
					"香港特别行政区": "810100",
					"澳门特别行政区": "820000"
				};
				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)
					}
				}
				myChart.on(ecConfig.EVENT.MAP_SELECTED, function(param) {
					var len = mapType.length;
					var mt = param.target;
					var f = false;
					for(var i = 0; i < len; i++) {
						if(mt == mapType[i]) {
							f = true;
							mt = mapType[i];
						}
					}
					if(!f) {
						mt = 'china';
						option.title.text = "全国地图";
					}else{
						option.title.text = mt+"地图";
					}
					option.tooltip.trigger = 'item';
					option.series[0].mapType = mt;					
					myChart.setOption(option, true);
				});
				option = {
					title: {
						text: '全国地图',
						x: 'center'
					},
					tooltip: {
						trigger: 'item'
					},
					legend: {
						orient: 'vertical',
						x: 'left',
						data: ['规划区'],
					},

					dataRange: {
						x: 'left',
						y: 'bottom',
						splitList: [{
							start: 100
						}, {
							start: 85,
							end: 100
						}, {
							start: 65,
							end: 85
						}, {
							start: 45,
							end: 65
						}, {
							start: 25,
							end: 45,
						}, {
							start: 25,
							end: 5,
						}, {
							end: 5
						}],
						color: ['#D3776C', '#E19E81', '#FBE8A4']
					},
					toolbox: {
						show: true,
						orient: 'vertical',
						x: 'right',
						y: 'center',
					},
					series: [{
						name: '规划区',
						type: 'map',
						mapType: 'china',
						selectedMode: 'single',
						itemStyle: {
							normal: {
								label: {
									show: true,
									textStyle: {
										color: "rgb(249, 249, 249)"
									}
								},
							},
							emphasis: { label: { show: true } },
						},
						data: [
							{ name: '湖南', value: Math.round(Math.random() * 100) },
							{ name: '湖北', value: Math.round(Math.random() * 100) },
							{ name: '广东', value: Math.round(Math.random() * 100) },
							{ name: '青海', value: Math.round(Math.random() * 100) },
							{ name: '四川', value: Math.round(Math.random() * 100) },
							{ name: '海南', value: Math.round(Math.random() * 100) },
							{ name: '陕西', value: Math.round(Math.random() * 100) },
							{ name: '甘肃', value: Math.round(Math.random() * 100) },
							{ name: '云南', value: Math.round(Math.random() * 100) },
							{ name: '黑龙江', value: Math.round(Math.random() * 100) },
							{ name: '贵州', value: Math.round(Math.random() * 100) },
							{ name: '山东', value: Math.round(Math.random() * 100) },
							{ name: '江西', value: Math.round(Math.random() * 100) },
							{ name: '河南', value: Math.round(Math.random() * 100) },
							{ name: '河北', value: Math.round(Math.random() * 100) },
							{ name: '山西', value: Math.round(Math.random() * 100) },
							{ name: '安徽', value: Math.round(Math.random() * 100) },
							{ name: '福建', value: Math.round(Math.random() * 100) },
							{ name: '浙江', value: Math.round(Math.random() * 100) },
							{ name: '江苏', value: Math.round(Math.random() * 100) },
							{ name: '吉林', value: Math.round(Math.random() * 100) },
							{ name: '辽宁', value: Math.round(Math.random() * 100) },
							{ name: '台湾', value: Math.round(Math.random() * 100) },
							{ name: '新疆', value: Math.round(Math.random() * 100) },
							{ name: '广西', value: Math.round(Math.random() * 100) },
							{ name: '宁夏', value: Math.round(Math.random() * 100) },		
							{ name: '内蒙古', value: Math.round(Math.random() * 100) },
							{ name: '西藏', value: Math.round(Math.random() * 100) },
							{ name: '北京', value: Math.round(Math.random() * 100) },
							{ name: '天津', value: Math.round(Math.random() * 100) },
							{ name: '重庆', value: Math.round(Math.random() * 100) },	
							{ name: '上海', value: Math.round(Math.random() * 100) },
							{ name: '广州', value: Math.round(Math.random() * 100) },
							{ name: '重庆市', value: Math.round(Math.random() * 100) },
							{ name: '北京市', value: Math.round(Math.random() * 100) },
							{ name: '天津市', value: Math.round(Math.random() * 100) },
							{ name: '上海市', value: Math.round(Math.random() * 100) },
							{ name: '香港', value: Math.round(Math.random() * 100) },
							{ name: '澳门', value: Math.round(Math.random() * 100) },
							{ name: '巴音郭楞蒙古自治州', value: Math.round(Math.random() * 100) },
							{ name: '和田地区', value: Math.round(Math.random() * 100) },
							{ name: '哈密地区', value: Math.round(Math.random() * 100) },
							{ name: '阿克苏地区', value: Math.round(Math.random() * 100) },
							{ name: '阿勒泰地区', value: Math.round(Math.random() * 100) },
							{ name: '喀什地区', value: Math.round(Math.random() * 100) },
							{ name: '塔城地区', value: Math.round(Math.random() * 100) },
							{ name: '昌吉回族自治州', value: Math.round(Math.random() * 100) },
							{ name: '克孜勒苏柯尔克孜自治州', value: Math.round(Math.random() * 100) },
							{ name: '吐鲁番地区', value: Math.round(Math.random() * 100) },
							{ name: '伊犁哈萨克自治州', value: Math.round(Math.random() * 100) },
							{ name: '博尔塔拉蒙古自治州', value: Math.round(Math.random() * 100) },
							{ name: '乌鲁木齐市', value: Math.round(Math.random() * 100) },
							{ name: '克拉玛依市', value: Math.round(Math.random() * 100) },
							{ name: '阿拉尔市', value: Math.round(Math.random() * 100) },
							{ name: '图木舒克市', value: Math.round(Math.random() * 100) },
							{ name: '五家渠市', value: Math.round(Math.random() * 100) },
							{ name: '石河子市', value: Math.round(Math.random() * 100) },
							{ name: '那曲地区', value: Math.round(Math.random() * 100) },
							{ name: '阿里地区', value: Math.round(Math.random() * 100) },
							{ name: '日喀则地区', value: Math.round(Math.random() * 100) },
							{ name: '林芝地区', value: Math.round(Math.random() * 100) },
							{ name: '昌都地区', value: Math.round(Math.random() * 100) },
							{ name: '山南地区', value: Math.round(Math.random() * 100) },
							{ name: '拉萨市', value: Math.round(Math.random() * 100) },
							{ name: '呼伦贝尔市', value: Math.round(Math.random() * 100) },
							{ name: '阿拉善盟', value: Math.round(Math.random() * 100) },
							{ name: '锡林郭勒盟', value: Math.round(Math.random() * 100) },
							{ name: '鄂尔多斯市', value: Math.round(Math.random() * 100) },
							{ name: '赤峰市', value: Math.round(Math.random() * 100) },
							{ name: '巴彦淖尔市', value: Math.round(Math.random() * 100) },
							{ name: '通辽市', value: Math.round(Math.random() * 100) },
							{ name: '乌兰察布市', value: Math.round(Math.random() * 100) },
							{ name: '兴安盟', value: Math.round(Math.random() * 100) },
							{ name: '包头市', value: Math.round(Math.random() * 100) },
							{ name: '呼和浩特市', value: Math.round(Math.random() * 100) },
							{ name: '乌海市', value: Math.round(Math.random() * 100) },
							{ name: '海西蒙古族藏族自治州', value: Math.round(Math.random() * 100) },
							{ name: '玉树藏族自治州', value: Math.round(Math.random() * 100) },
							{ name: '果洛藏族自治州', value: Math.round(Math.random() * 100) },
							{ name: '海南藏族自治州', value: Math.round(Math.random() * 100) },
							{ name: '海北藏族自治州', value: Math.round(Math.random() * 100) },
							{ name: '黄南藏族自治州', value: Math.round(Math.random() * 100) },
							{ name: '海东地区', value: Math.round(Math.random() * 100) },
							{ name: '西宁市', value: Math.round(Math.random() * 100) },
							{ name: '甘孜藏族自治州', value: Math.round(Math.random() * 100) },
							{ name: '阿坝藏族羌族自治州', value: Math.round(Math.random() * 100) },
							{ name: '凉山彝族自治州', value: Math.round(Math.random() * 100) },
							{ name: '绵阳市', value: Math.round(Math.random() * 100) },
							{ name: '达州市', value: Math.round(Math.random() * 100) },
							{ name: '广元市', value: Math.round(Math.random() * 100) },
							{ name: '雅安市', value: Math.round(Math.random() * 100) },
							{ name: '宜宾市', value: Math.round(Math.random() * 100) },
							{ name: '乐山市', value: Math.round(Math.random() * 100) },
							{ name: '南充市', value: Math.round(Math.random() * 100) },
							{ name: '巴中市', value: Math.round(Math.random() * 100) },
							{ name: '泸州市', value: Math.round(Math.random() * 100) },
							{ name: '成都市', value: Math.round(Math.random() * 100) },
							{ name: '资阳市', value: Math.round(Math.random() * 100) },
							{ name: '攀枝花市', value: Math.round(Math.random() * 100) },
							{ name: '眉山市', value: Math.round(Math.random() * 100) },
							{ name: '广安市', value: Math.round(Math.random() * 100) },
							{ name: '德阳市', value: Math.round(Math.random() * 100) },
							{ name: '内江市', value: Math.round(Math.random() * 100) },
							{ name: '遂宁市', value: Math.round(Math.random() * 100) },
							{ name: '自贡市', value: Math.round(Math.random() * 100) },
							{ name: '黑河市', value: Math.round(Math.random() * 100) },
							{ name: '大兴安岭地区', value: Math.round(Math.random() * 100) },
							{ name: '哈尔滨市', value: Math.round(Math.random() * 100) },
							{ name: '齐齐哈尔市', value: Math.round(Math.random() * 100) },
							{ name: '牡丹江市', value: Math.round(Math.random() * 100) },
							{ name: '绥化市', value: Math.round(Math.random() * 100) },
							{ name: '伊春市', value: Math.round(Math.random() * 100) },
							{ name: '佳木斯市', value: Math.round(Math.random() * 100) },
							{ name: '鸡西市', value: Math.round(Math.random() * 100) },
							{ name: '双鸭山市', value: Math.round(Math.random() * 100) },
							{ name: '大庆市', value: Math.round(Math.random() * 100) },
							{ name: '鹤岗市', value: Math.round(Math.random() * 100) },
							{ name: '七台河市', value: Math.round(Math.random() * 100) },
							{ name: '酒泉市', value: Math.round(Math.random() * 100) },
							{ name: '张掖市', value: Math.round(Math.random() * 100) },
							{ name: '甘南藏族自治州', value: Math.round(Math.random() * 100) },
							{ name: '武威市', value: Math.round(Math.random() * 100) },
							{ name: '陇南市', value: Math.round(Math.random() * 100) },
							{ name: '庆阳市', value: Math.round(Math.random() * 100) },
							{ name: '白银市', value: Math.round(Math.random() * 100) },
							{ name: '定西市', value: Math.round(Math.random() * 100) },
							{ name: '天水市', value: Math.round(Math.random() * 100) },
							{ name: '兰州市', value: Math.round(Math.random() * 100) },
							{ name: '平凉市', value: Math.round(Math.random() * 100) },
							{ name: '临夏回族自治州', value: Math.round(Math.random() * 100) },
							{ name: '金昌市', value: Math.round(Math.random() * 100) },
							{ name: '嘉峪关市', value: Math.round(Math.random() * 100) },
							{ name: '普洱市', value: Math.round(Math.random() * 100) },
							{ name: '红河哈尼族彝族自治州', value: Math.round(Math.random() * 100) },
							{ name: '文山壮族苗族自治州', value: Math.round(Math.random() * 100) },
							{ name: '曲靖市', value: Math.round(Math.random() * 100) },
							{ name: '楚雄彝族自治州', value: Math.round(Math.random() * 100) },
							{ name: '大理白族自治州', value: Math.round(Math.random() * 100) },
							{ name: '临沧市', value: Math.round(Math.random() * 100) },
							{ name: '迪庆藏族自治州', value: Math.round(Math.random() * 100) },
							{ name: '昭通市', value: Math.round(Math.random() * 100) },
							{ name: '昆明市', value: Math.round(Math.random() * 100) },
							{ name: '丽江市', value: Math.round(Math.random() * 100) },
							{ name: '西双版纳傣族自治州', value: Math.round(Math.random() * 100) },
							{ name: '保山市', value: Math.round(Math.random() * 100) },
							{ name: '玉溪市', value: Math.round(Math.random() * 100) },
							{ name: '怒江傈僳族自治州', value: Math.round(Math.random() * 100) },
							{ name: '德宏傣族景颇族自治州', value: Math.round(Math.random() * 100) },
							{ name: '百色市', value: Math.round(Math.random() * 100) },
							{ name: '河池市', value: Math.round(Math.random() * 100) },
							{ name: '桂林市', value: Math.round(Math.random() * 100) },
							{ name: '南宁市', value: Math.round(Math.random() * 100) },
							{ name: '柳州市', value: Math.round(Math.random() * 100) },
							{ name: '崇左市', value: Math.round(Math.random() * 100) },
							{ name: '来宾市', value: Math.round(Math.random() * 100) },
							{ name: '玉林市', value: Math.round(Math.random() * 100) },
							{ name: '梧州市', value: Math.round(Math.random() * 100) },
							{ name: '贺州市', value: Math.round(Math.random() * 100) },
							{ name: '钦州市', value: Math.round(Math.random() * 100) },
							{ name: '贵港市', value: Math.round(Math.random() * 100) },
							{ name: '防城港市', value: Math.round(Math.random() * 100) },
							{ name: '北海市', value: Math.round(Math.random() * 100) },
							{ name: '怀化市', value: Math.round(Math.random() * 100) },
							{ name: '永州市', value: Math.round(Math.random() * 100) },
							{ name: '邵阳市', value: Math.round(Math.random() * 100) },
							{ name: '郴州市', value: Math.round(Math.random() * 100) },
							{ name: '常德市', value: Math.round(Math.random() * 100) },
							{ name: '湘西土家族苗族自治州', value: Math.round(Math.random() * 100) },
							{ name: '衡阳市', value: Math.round(Math.random() * 100) },
							{ name: '岳阳市', value: Math.round(Math.random() * 100) },
							{ name: '益阳市', value: Math.round(Math.random() * 100) },
							{ name: '长沙市', value: Math.round(Math.random() * 100) },
							{ name: '株洲市', value: Math.round(Math.random() * 100) },
							{ name: '张家界市', value: Math.round(Math.random() * 100) },
							{ name: '娄底市', value: Math.round(Math.random() * 100) },
							{ name: '湘潭市', value: Math.round(Math.random() * 100) },
							{ name: '榆林市', value: Math.round(Math.random() * 100) },
							{ name: '延安市', value: Math.round(Math.random() * 100) },
							{ name: '汉中市', value: Math.round(Math.random() * 100) },
							{ name: '安康市', value: Math.round(Math.random() * 100) },
							{ name: '商洛市', value: Math.round(Math.random() * 100) },
							{ name: '宝鸡市', value: Math.round(Math.random() * 100) },
							{ name: '渭南市', value: Math.round(Math.random() * 100) },
							{ name: '咸阳市', value: Math.round(Math.random() * 100) },
							{ name: '西安市', value: Math.round(Math.random() * 100) },
							{ name: '铜川市', value: Math.round(Math.random() * 100) },
							{ name: '清远市', value: Math.round(Math.random() * 100) },
							{ name: '韶关市', value: Math.round(Math.random() * 100) },
							{ name: '湛江市', value: Math.round(Math.random() * 100) },
							{ name: '梅州市', value: Math.round(Math.random() * 100) },
							{ name: '河源市', value: Math.round(Math.random() * 100) },
							{ name: '肇庆市', value: Math.round(Math.random() * 100) },
							{ name: '惠州市', value: Math.round(Math.random() * 100) },
							{ name: '茂名市', value: Math.round(Math.random() * 100) },
							{ name: '江门市', value: Math.round(Math.random() * 100) },
							{ name: '阳江市', value: Math.round(Math.random() * 100) },
							{ name: '云浮市', value: Math.round(Math.random() * 100) },
							{ name: '广州市', value: Math.round(Math.random() * 100) },
							{ name: '汕尾市', value: Math.round(Math.random() * 100) },
							{ name: '揭阳市', value: Math.round(Math.random() * 100) },
							{ name: '珠海市', value: Math.round(Math.random() * 100) },
							{ name: '佛山市', value: Math.round(Math.random() * 100) },
							{ name: '潮州市', value: Math.round(Math.random() * 100) },
							{ name: '汕头市', value: Math.round(Math.random() * 100) },
							{ name: '深圳市', value: Math.round(Math.random() * 100) },
							{ name: '东莞市', value: Math.round(Math.random() * 100) },
							{ name: '中山市', value: Math.round(Math.random() * 100) },
							{ name: '延边朝鲜族自治州', value: Math.round(Math.random() * 100) },
							{ name: '吉林市', value: Math.round(Math.random() * 100) },
							{ name: '白城市', value: Math.round(Math.random() * 100) },
							{ name: '松原市', value: Math.round(Math.random() * 100) },
							{ name: '长春市', value: Math.round(Math.random() * 100) },
							{ name: '白山市', value: Math.round(Math.random() * 100) },
							{ name: '通化市', value: Math.round(Math.random() * 100) },
							{ name: '四平市', value: Math.round(Math.random() * 100) },
							{ name: '辽源市', value: Math.round(Math.random() * 100) },
							{ name: '承德市', value: Math.round(Math.random() * 100) },
							{ name: '张家口市', value: Math.round(Math.random() * 100) },
							{ name: '保定市', value: Math.round(Math.random() * 100) },
							{ name: '唐山市', value: Math.round(Math.random() * 100) },
							{ name: '沧州市', value: Math.round(Math.random() * 100) },
							{ name: '石家庄市', value: Math.round(Math.random() * 100) },
							{ name: '邢台市', value: Math.round(Math.random() * 100) },
							{ name: '邯郸市', value: Math.round(Math.random() * 100) },
							{ name: '秦皇岛市', value: Math.round(Math.random() * 100) },
							{ name: '衡水市', value: Math.round(Math.random() * 100) },
							{ name: '廊坊市', value: Math.round(Math.random() * 100) },
							{ name: '恩施土家族苗族自治州', value: Math.round(Math.random() * 100) },
							{ name: '十堰市', value: Math.round(Math.random() * 100) },
							{ name: '宜昌市', value: Math.round(Math.random() * 100) },
							{ name: '襄樊市', value: Math.round(Math.random() * 100) },
							{ name: '黄冈市', value: Math.round(Math.random() * 100) },
							{ name: '荆州市', value: Math.round(Math.random() * 100) },
							{ name: '荆门市', value: Math.round(Math.random() * 100) },
							{ name: '咸宁市', value: Math.round(Math.random() * 100) },
							{ name: '随州市', value: Math.round(Math.random() * 100) },
							{ name: '孝感市', value: Math.round(Math.random() * 100) },
							{ name: '武汉市', value: Math.round(Math.random() * 100) },
							{ name: '黄石市', value: Math.round(Math.random() * 100) },
							{ name: '神农架林区', value: Math.round(Math.random() * 100) },
							{ name: '天门市', value: Math.round(Math.random() * 100) },
							{ name: '仙桃市', value: Math.round(Math.random() * 100) },
							{ name: '潜江市', value: Math.round(Math.random() * 100) },
							{ name: '鄂州市', value: Math.round(Math.random() * 100) },
							{ name: '遵义市', value: Math.round(Math.random() * 100) },
							{ name: '黔东南苗族侗族自治州', value: Math.round(Math.random() * 100) },
							{ name: '毕节地区', value: Math.round(Math.random() * 100) },
							{ name: '黔南布依族苗族自治州', value: Math.round(Math.random() * 100) },
							{ name: '铜仁地区', value: Math.round(Math.random() * 100) },
							{ name: '黔西南布依族苗族自治州', value: Math.round(Math.random() * 100) },
							{ name: '六盘水市', value: Math.round(Math.random() * 100) },
							{ name: '安顺市', value: Math.round(Math.random() * 100) },
							{ name: '贵阳市', value: Math.round(Math.random() * 100) },
							{ name: '烟台市', value: Math.round(Math.random() * 100) },
							{ name: '临沂市', value: Math.round(Math.random() * 100) },
							{ name: '潍坊市', value: Math.round(Math.random() * 100) },
							{ name: '青岛市', value: Math.round(Math.random() * 100) },
							{ name: '菏泽市', value: Math.round(Math.random() * 100) },
							{ name: '济宁市', value: Math.round(Math.random() * 100) },
							{ name: '德州市', value: Math.round(Math.random() * 100) },
							{ name: '滨州市', value: Math.round(Math.random() * 100) },
							{ name: '聊城市', value: Math.round(Math.random() * 100) },
							{ name: '东营市', value: Math.round(Math.random() * 100) },
							{ name: '济南市', value: Math.round(Math.random() * 100) },
							{ name: '泰安市', value: Math.round(Math.random() * 100) },
							{ name: '威海市', value: Math.round(Math.random() * 100) },
							{ name: '日照市', value: Math.round(Math.random() * 100) },
							{ name: '淄博市', value: Math.round(Math.random() * 100) },
							{ name: '枣庄市', value: Math.round(Math.random() * 100) },
							{ name: '莱芜市', value: Math.round(Math.random() * 100) },
							{ name: '赣州市', value: Math.round(Math.random() * 100) },
							{ name: '吉安市', value: Math.round(Math.random() * 100) },
							{ name: '上饶市', value: Math.round(Math.random() * 100) },
							{ name: '九江市', value: Math.round(Math.random() * 100) },
							{ name: '抚州市', value: Math.round(Math.random() * 100) },
							{ name: '宜春市', value: Math.round(Math.random() * 100) },
							{ name: '南昌市', value: Math.round(Math.random() * 100) },
							{ name: '景德镇市', value: Math.round(Math.random() * 100) },
							{ name: '萍乡市', value: Math.round(Math.random() * 100) },
							{ name: '鹰潭市', value: Math.round(Math.random() * 100) },
							{ name: '新余市', value: Math.round(Math.random() * 100) },
							{ name: '南阳市', value: Math.round(Math.random() * 100) },
							{ name: '信阳市', value: Math.round(Math.random() * 100) },
							{ name: '洛阳市', value: Math.round(Math.random() * 100) },
							{ name: '驻马店市', value: Math.round(Math.random() * 100) },
							{ name: '周口市', value: Math.round(Math.random() * 100) },
							{ name: '商丘市', value: Math.round(Math.random() * 100) },
							{ name: '三门峡市', value: Math.round(Math.random() * 100) },
							{ name: '新乡市', value: Math.round(Math.random() * 100) },
							{ name: '平顶山市', value: Math.round(Math.random() * 100) },
							{ name: '郑州市', value: Math.round(Math.random() * 100) },
							{ name: '安阳市', value: Math.round(Math.random() * 100) },
							{ name: '开封市', value: Math.round(Math.random() * 100) },
							{ name: '焦作市', value: Math.round(Math.random() * 100) },
							{ name: '许昌市', value: Math.round(Math.random() * 100) },
							{ name: '濮阳市', value: Math.round(Math.random() * 100) },
							{ name: '漯河市', value: Math.round(Math.random() * 100) },
							{ name: '鹤壁市', value: Math.round(Math.random() * 100) },
							{ name: '大连市', value: Math.round(Math.random() * 100) },
							{ name: '朝阳市', value: Math.round(Math.random() * 100) },
							{ name: '丹东市', value: Math.round(Math.random() * 100) },
							{ name: '铁岭市', value: Math.round(Math.random() * 100) },
							{ name: '沈阳市', value: Math.round(Math.random() * 100) },
							{ name: '抚顺市', value: Math.round(Math.random() * 100) },
							{ name: '葫芦岛市', value: Math.round(Math.random() * 100) },
							{ name: '阜新市', value: Math.round(Math.random() * 100) },
							{ name: '锦州市', value: Math.round(Math.random() * 100) },
							{ name: '鞍山市', value: Math.round(Math.random() * 100) },
							{ name: '本溪市', value: Math.round(Math.random() * 100) },
							{ name: '营口市', value: Math.round(Math.random() * 100) },
							{ name: '辽阳市', value: Math.round(Math.random() * 100) },
							{ name: '盘锦市', value: Math.round(Math.random() * 100) },
							{ name: '忻州市', value: Math.round(Math.random() * 100) },
							{ name: '吕梁市', value: Math.round(Math.random() * 100) },
							{ name: '临汾市', value: Math.round(Math.random() * 100) },
							{ name: '晋中市', value: Math.round(Math.random() * 100) },
							{ name: '运城市', value: Math.round(Math.random() * 100) },
							{ name: '大同市', value: Math.round(Math.random() * 100) },
							{ name: '长治市', value: Math.round(Math.random() * 100) },
							{ name: '朔州市', value: Math.round(Math.random() * 100) },
							{ name: '晋城市', value: Math.round(Math.random() * 100) },
							{ name: '太原市', value: Math.round(Math.random() * 100) },
							{ name: '阳泉市', value: Math.round(Math.random() * 100) },
							{ name: '六安市', value: Math.round(Math.random() * 100) },
							{ name: '安庆市', value: Math.round(Math.random() * 100) },
							{ name: '滁州市', value: Math.round(Math.random() * 100) },
							{ name: '宣城市', value: Math.round(Math.random() * 100) },
							{ name: '阜阳市', value: Math.round(Math.random() * 100) },
							{ name: '宿州市', value: Math.round(Math.random() * 100) },
							{ name: '黄山市', value: Math.round(Math.random() * 100) },
							{ name: '巢湖市', value: Math.round(Math.random() * 100) },
							{ name: '亳州市', value: Math.round(Math.random() * 100) },
							{ name: '池州市', value: Math.round(Math.random() * 100) },
							{ name: '合肥市', value: Math.round(Math.random() * 100) },
							{ name: '蚌埠市', value: Math.round(Math.random() * 100) },
							{ name: '芜湖市', value: Math.round(Math.random() * 100) },
							{ name: '淮北市', value: Math.round(Math.random() * 100) },
							{ name: '淮南市', value: Math.round(Math.random() * 100) },
							{ name: '马鞍山市', value: Math.round(Math.random() * 100) },
							{ name: '铜陵市', value: Math.round(Math.random() * 100) },
							{ name: '南平市', value: Math.round(Math.random() * 100) },
							{ name: '三明市', value: Math.round(Math.random() * 100) },
							{ name: '龙岩市', value: Math.round(Math.random() * 100) },
							{ name: '宁德市', value: Math.round(Math.random() * 100) },
							{ name: '福州市', value: Math.round(Math.random() * 100) },
							{ name: '漳州市', value: Math.round(Math.random() * 100) },
							{ name: '泉州市', value: Math.round(Math.random() * 100) },
							{ name: '莆田市', value: Math.round(Math.random() * 100) },
							{ name: '厦门市', value: Math.round(Math.random() * 100) },
							{ name: '丽水市', value: Math.round(Math.random() * 100) },
							{ name: '杭州市', value: Math.round(Math.random() * 100) },
							{ name: '温州市', value: Math.round(Math.random() * 100) },
							{ name: '宁波市', value: Math.round(Math.random() * 100) },
							{ name: '舟山市', value: Math.round(Math.random() * 100) },
							{ name: '台州市', value: Math.round(Math.random() * 100) },
							{ name: '金华市', value: Math.round(Math.random() * 100) },
							{ name: '衢州市', value: Math.round(Math.random() * 100) },
							{ name: '绍兴市', value: Math.round(Math.random() * 100) },
							{ name: '嘉兴市', value: Math.round(Math.random() * 100) },
							{ name: '湖州市', value: Math.round(Math.random() * 100) },
							{ name: '盐城市', value: Math.round(Math.random() * 100) },
							{ name: '徐州市', value: Math.round(Math.random() * 100) },
							{ name: '南通市', value: Math.round(Math.random() * 100) },
							{ name: '淮安市', value: Math.round(Math.random() * 100) },
							{ name: '苏州市', value: Math.round(Math.random() * 100) },
							{ name: '宿迁市', value: Math.round(Math.random() * 100) },
							{ name: '连云港市', value: Math.round(Math.random() * 100) },
							{ name: '扬州市', value: Math.round(Math.random() * 100) },
							{ name: '南京市', value: Math.round(Math.random() * 100) },
							{ name: '泰州市', value: Math.round(Math.random() * 100) },
							{ name: '无锡市', value: Math.round(Math.random() * 100) },
							{ name: '常州市', value: Math.round(Math.random() * 100) },
							{ name: '镇江市', value: Math.round(Math.random() * 100) },
							{ name: '吴忠市', value: Math.round(Math.random() * 100) },
							{ name: '中卫市', value: Math.round(Math.random() * 100) },
							{ name: '固原市', value: Math.round(Math.random() * 100) },
							{ name: '银川市', value: Math.round(Math.random() * 100) },
							{ name: '石嘴山市', value: Math.round(Math.random() * 100) },
							{ name: '儋州市', value: Math.round(Math.random() * 100) },
							{ name: '文昌市', value: Math.round(Math.random() * 100) },
							{ name: '乐东黎族自治县', value: Math.round(Math.random() * 100) },
							{ name: '三亚市', value: Math.round(Math.random() * 100) },
							{ name: '琼中黎族苗族自治县', value: Math.round(Math.random() * 100) },
							{ name: '东方市', value: Math.round(Math.random() * 100) },
							{ name: '海口市', value: Math.round(Math.random() * 100) },
							{ name: '万宁市', value: Math.round(Math.random() * 100) },
							{ name: '澄迈县', value: Math.round(Math.random() * 100) },
							{ name: '白沙黎族自治县', value: Math.round(Math.random() * 100) },
							{ name: '琼海市', value: Math.round(Math.random() * 100) },
							{ name: '昌江黎族自治县', value: Math.round(Math.random() * 100) },
							{ name: '临高县', value: Math.round(Math.random() * 100) },
							{ name: '陵水黎族自治县', value: Math.round(Math.random() * 100) },
							{ name: '屯昌县', value: Math.round(Math.random() * 100) },
							{ name: '定安县', value: Math.round(Math.random() * 100) },
							{ name: '保亭黎族苗族自治县', value: Math.round(Math.random() * 100) },
							{ name: '五指山市', value: Math.round(Math.random() * 100) },
							{ name: '长沙县', value: Math.round(Math.random() * 100) },
							{ name: '宁乡县', value: Math.round(Math.random() * 100) },
							{ name: '浏阳市', value: Math.round(Math.random() * 100) },
							{ name: '长沙县', value: Math.round(Math.random() * 100) },
							{ name: '开福区', value: Math.round(Math.random() * 100) },
							{ name: '芙蓉区', value: Math.round(Math.random() * 100) },
							{ name: '雨花区', value: Math.round(Math.random() * 100) },
							{ name: '望城区', value: Math.round(Math.random() * 100) },
							{ name: '天心区', value: Math.round(Math.random() * 100) },
							{ name: '岳麓区', value: Math.round(Math.random() * 100) },
						]
					}]
				};

				// 为echarts对象加载数据 
				myChart.setOption(option);
			}
		);
	</script>
</body>


效果图：

全国地图



进入湖南地图：




进入长沙地图：


悠然～.～
关注
  • 5
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 14
    评论
专栏目录
echart之全国地图切换省级地图
2401_84023579的博客
04-11 1120
city_data:全国所有省包含的市级数据。province_option:全国地图对应的option。city_option:点击显示的省级的地图的option。city_series:市级地图对应是seriesdoc_city_table:市级数据显示在页面的表格的id//地图对应的dom容器，表忘记给其设置长度和宽度返回全国//返回全国地图的按钮，点击切换至全国地图，隐藏省级地图。其次引入地图的js文件（去官网下载最新的地图组件）//我将所有的各个省的js代码整合到一个文件中。
vue项目 echarts 中国地图，vue项目 echarts中国地图点击省份显示对应它的各个市，从零开始。
努力中的小曾
11-27 9674
我先说一下我的需求把： 使用echarts图表或者百度地图实现点击省份展示对应的市级。 到了市级以后点击各个市显示对应的公司。 最后我还是使用了echarts来做。 首先我们先看看效果图，如果是你的菜，麻烦点个赞，让更多的小伙伴一起学习起来。如图gif： 看完效果图，我们来实现把，具体我是自己起了一个vue项目工程 我们先把echarts依赖先装一下把，npm install echarts 装完以后，看看自己的package.json的版本，我怕到时候版本对应不上，所以用代码贴出来，图的话怕以后
echarts实现中国地图及下钻功能
最新发布
m0_56856837的博客
06-20 483
在做可视化的一些项目中，我们经常遇到中国地图相关的一些问题，具体代码详见，如果需要地图相关的GeoJson，可直接点击进行下载。
echarts实现中国地图、鼠标悬浮、点击跳转对应省市、给省市图标、缩放、拖拽、自适应
热门推荐
weixin_51225684的博客
03-09 1万+
【代码】echarts实现中国地图、鼠标悬浮、点击跳转对应省市、给省市图标、缩放、拖拽、自适应。
vue使用echarts来绘制中国地图下钻省市区县级地图
weixin_43898407的博客
10-29 5052
文章目录前言一、echarts二、使用步骤1.vue安装、引入echarts2.使用echarts总结 前言 公司需要一个中国地图点击可进入省市区县级，但是在我使用echarts绘制中国地图省市地区时发现官网只支持到省的json文件，地区文件需要自己去找，前两天我找到了下载了一份全新的json文件，下载时间市2020年10月27日 一、echarts 官网：https://echarts.apache.org/zh/index.html 全国省市区县级地图JSON文件：https://downlo
echarts地图省市两级下钻
qq_41339975的博客
08-19 1524
地图下钻分四步： 1.参考echarts画地图，将初始地图显示在界面 2.封装方法发送请求获取本地静态资源json，文件名通过mapCode进行拼接，以此来获取不同的地图数据 3.点击地图区域时可以获取到当前区域的名称，将名称与定义的data数据做对比，当名称相同时获取当前区域的mapCode，将获取的值传入方法中去调用方法获取地图...
echarts地图（河北省）demo例子
08-21
uniapp实现echarts地图（河北省）完整demo例子，下载运行查看效果，复制即用。效果图：https://blog.csdn.net/qq_45978154/article/details/126457527
echarts全国各省、市、区县地图JS、JSON.rar
12-15
ECharts是中国百度公司开源的一款基于JavaScript的数据可视化库，它提供了丰富的图表类型，如柱状图、折线图、饼图、散点图等，并且支持地图图表，这正是"echarts全国各省、市、区县地图JS、JSON.rar"这个压缩包的...
河北省echarts地图资源
12-30
对于河北省，你需要获取包含所有市、县甚至乡镇级别的地图数据。这些数据通常以GeoJSON格式提供，ECharts可以通过加载这种数据来绘制地图。 2. **地图投影**：地图数据在计算机屏幕上展示时，需要进行投影转换，...
海南省echarts地图资源
12-30
"海南省echarts地图资源"这个标题和描述表明我们关注的是ECharts如何用于绘制海南省的地图，这在地理数据可视化、区域分析、统计报告等领域非常有用。下面将详细介绍ECharts在绘制海南省地图时涉及的知识点。 首先...
湖北省echarts地图资源
12-30
“hubei”文件很可能是湖北省地图的JSON数据，包含湖北省所有市、县的边界信息，用于在ECharts中绘制地图。 2.2 使用方法 在ECharts中使用湖北省地图，首先需要加载地图数据，然后在配置项中指定地图类型为“hubei...
福建省省市地图js和json文件
07-31
福建省市级地图js和json文件，精确到各市轮廓地图，样例使用北京市地图，建议用火狐打开，谷歌请参考跨域解决方案
Vue+Echarts实现中国地图的省市切换
m0_48607837的博客
12-14 4785
Vue+Echarts实现中国地图的省市切换 首先要安装一下Echarts npm install echarts 在min.js中引入echarts import * as echarts from 'echarts' Vue.prototype.$echarts = echarts; 3.创建一个map.vue的组件,把一下代码复制到这个组建中 <template> <div> <div class="echartsGroup">
echarts实现全国地图和省份的切换跳转
DWZ0720的博客
03-21 535
【代码】echarts实现全国地图和省份的切换跳转。
echarts地图，点击省级跳转到市级的详情
maliao5的博客
03-29 432
详细代码放到下放，echarts.js和jq.js应该都有吧。省份的json文件有需要的私信。下载好个个省份的json数据，
echarts 全国各省市地图切换展示
sinat_37746420的博客
03-31 1614
效果如上图，开始默认为全国地图，选择省或者市渲染为对应的地图 index.html <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=你的key&plugin=AMap.MouseTool,AMap.PolyEditor,AMap.PlaceSearch,AMap.Autocomplete,AMap.Pixel,AMap.DistrictSearch"></s..
Echarts地图绘制(详细版包教会，可绘制全国所有省份和市区地图
qq_62188992的博客
09-05 4272
自定义地图
实时最新中国省市区县geoJSON格式地图行政边界数据Echarts地图数据（可精确到街道级）
HashTang的博客
01-13 1万+
geojson 数据下载地址：https://hxkj.vip/demo/echartsMap/ 可下载的数据包含省级geojson行政边界数据、市级geojson行政边界数据、区/县级geojson行政边界数据、省市区县街道行政编码四级联动数据（可精确到乡镇/街道级） 该项目 github 地址：https://github.com/TangSY/echarts-map-demo，喜欢的话，可以给个star哦 一、通过API接口，实时获取最新中国省市区县geoJSON格式地图数据，可用于Echart
echarts地图怎么把河北省黄骅市拆出来
05-25
在 Echarts 中，可以使用 Geo 组件来展示地图，并且可以通过配置数据来控制地图的显示效果。如果要把河北省黄骅市拆出来，可以通过以下步骤实现： 1. 找到河北省黄骅市的经纬度坐标，在地图数据中添加该城市的坐标...
评论 14
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值