1<html> 2<head> 3 <script src="js/jquery-1.9.1.min.js"></script> 4 <script src="js/echarts-all-3.js"></script> 5 <script src="js/china.js"></script> 6</head> 7<body style="background-color:blue"> 8 <button id="back">返回全国</button> 9 <div id="mapchart" style="width:100%;height:100%"></div> 10</body> 11<script> 12 var myMap = echarts.init(document.getElementById('mapchart')); 13 var oBack = document.getElementById("back"); 14 15 var provinces = ['shanghai', 'hebei', 'shanxi', 'neimenggu', 'liaoning', 'jilin', 'heilongjiang', 'jiangsu', 'zhejiang', 'anhui', 'fujian', 'jiangxi', 'shandong', 'henan', 'hubei', 'hunan', 'guangdong', 'guangxi', 'hainan', 'sichuan', 'guizhou', 'yunnan', 'xizang', 'shanxi1', 'gansu', 'qinghai', 'ningxia', 'xinjiang', 'beijing', 'tianjin', 'chongqing', 'xianggang', 'aomen']; 16 var provincesText = ['上海', '河北', '山西', '内蒙古', '辽宁', '吉林', '黑龙江', '江苏', '浙江', '安徽', '福建', '江西', '山东', '河南', '湖北', '湖南', '广东', '广西', '海南', '四川', '贵州', '云南', '西藏', '陕西', '甘肃', '青海', '宁夏', '新疆', '北京', '天津', '重庆', '香港', '澳门']; 17 18 var seriesData = [ 19 {name: '北京',value: 0}, 20 {name: '天津',value: 0}, 21 {name: '上海',value: 60}, 22 {name: '重庆',value: 0}, 23 {name: '河北',value: 0}, 24 {name: '河南',value: 0}, 25 {name: '云南',value: 0}, 26 {name: '辽宁',value: 0}, 27 {name: '黑龙江',value: 0}, 28 {name: '湖南',value: 0}, 29 {name: '安徽',value: 0}, 30 {name: '山东',value: 0}, 31 {name: '新疆',value: 0}, 32 {name: '江苏',value: 0}, 33 {name: '浙江',value: 0}, 34 {name: '江西',value:10}, 35 {name: '湖北',value: 60}, 36 {name: '广西',value: 60}, 37 {name: '甘肃',value: 0}, 38 {name: '山西',value: 60}, 39 {name: '内蒙古',value: 0}, 40 {name: '陕西',value: 0}, 41 {name: '吉林',value: 0}, 42 {name: '福建',value: 0}, 43 {name: '贵州',value: 0}, 44 {name: '广东',value: 597}, 45 {name: '青海',value: 0}, 46 {name: '西藏',value: 0}, 47 {name: '四川',value: 60}, 48 {name: '宁夏',value: 0}, 49 {name: '海南',value: 60}, 50 {name: '台湾',value: 0}, 51 {name: '香港',value: 0}, 52 {name: '澳门',value: 0} 53 ]; 54 oBack.onclick = function () { 55 initEcharts("china", "中国"); 56 }; 57 initEcharts("china", "中国"); 58 // 初始化echarts 59 function initEcharts(pName, Chinese_) { 60 //var tmpSeriesData = pName === "china" ? seriesData : []; 61 var tmpSeriesData; 62 switch (pName) { 63 case "china": 64 tmpSeriesData = seriesData; 65 break; 66 case "安徽": 67 tmpSeriesData = [ 68 {name: '合肥市', value: 100}, 69 {name: '芜湖市', value: 100}, 70 {name: '蚌埠市', value: 100}, 71 {name: '淮南市', value: 100}, 72 {name: '马鞍山市', value: 100}, 73 {name: '淮北市', value: 100}, 74 {name: '铜陵市', value: 100}, 75 {name: '安庆市', value: 100}, 76 {name: '黄山市', value: 100}, 77 {name: '滁州市', value: 100}, 78 {name: '阜阳市', value: 100}, 79 {name: '宿州市', value: 100}, 80 {name: '六安市', value: 100}, 81 {name: '亳州市', value: 100}, 82 {name: '池州市', value: 100}, 83 {name: '宣城市', value: 100} 84 ] 85 break; 86 case "澳门": 87 tmpSeriesData = [ 88 {name: '花地玛堂区', value: 100}, 89 {name: '花王堂区', value: 100}, 90 {name: '望德堂区', value: 100}, 91 {name: '大堂区', value: 100}, 92 {name: '风顺堂区', value: 100}, 93 {name: '嘉模堂区', value: 100}, 94 {name: '路凼填海区', value: 100}, 95 {name: '圣方济各堂区', value: 100}, 96 ] 97 break; 98 case "北京": 99 tmpSeriesData = [ 100 {name: '东城区', value: 100}, 101 {name: '西城区', value: 100}, 102 {name: '朝阳区', value: 100}, 103 {name: '丰台区', value: 100}, 104 {name: '石景山区', value: 100}, 105 {name: '海淀区', value: 100}, 106 {name: '门头沟区', value: 100}, 107 {name: '房山区', value: 100}, 108 {name: '通州区', value: 100}, 109 {name: '顺义区', value: 100}, 110 {name: '昌平区', value: 100}, 111 {name: '大兴区', value: 100}, 112 {name: '怀柔区', value: 100}, 113 {name: '平谷区', value: 100}, 114 {name: '密云区', value: 100}, 115 {name: '延庆区', value: 100} 116 ] 117 break; 118 case "重庆": 119 tmpSeriesData = [ 120 {name: '万州区', value: 100}, 121 {name: '涪陵区', value: 100}, 122 {name: '渝中区', value: 100}, 123 {name: '大渡口区', value: 100}, 124 {name: '江北区', value: 100}, 125 {name: '沙坪坝区', value: 100}, 126 {name: '九龙坡区', value: 100}, 127 {name: '南岸区', value: 100}, 128 {name: '北碚区', value: 100}, 129 {name: '綦江区', value: 100}, 130 {name: '大足区', value: 100}, 131 {name: '渝北区', value: 100}, 132 {name: '巴南区', value: 100}, 133 {name: '黔江区', value: 100}, 134 {name: '长寿区', value: 100}, 135 {name: '江津区', value: 100}, 136 {name: '合川区', value: 100} 137 ] 138 break; 139 case "福建": 140 tmpSeriesData = [ 141 {name: '福州市', value: 100}, 142 {name: '厦门市', value: 100}, 143 {name: '莆田市', value: 100}, 144 {name: '三明市', value: 100}, 145 {name: '泉州市', value: 100}, 146 {name: '漳州市', value: 100}, 147 {name: '南平市', value: 100}, 148 {name: '龙岩市', value: 100}, 149 {name: '宁德市', value: 100}, 150 ] 151 break; 152 case "甘肃": 153 tmpSeriesData = [ 154 {name: '兰州市', value: 100}, 155 {name: '嘉峪关市', value: 100}, 156 {name: '金昌市', value: 100}, 157 {name: '白银市', value: 100}, 158 {name: '天水市', value: 100}, 159 {name: '武威市', value: 100}, 160 {name: '平凉市', value: 100}, 161 {name: '酒泉市', value: 100}, 162 {name: '庆阳市', value: 100}, 163 {name: '定西市', value: 100}, 164 {name: '陇南市', value: 100}, 165 {name: '临夏回族自治州', value: 100}, 166 {name: '甘南藏族自治州', value: 100}, 167 ] 168 break; 169 case "广东": 170 tmpSeriesData = [ 171 {name: '广州市', value: 100}, 172 {name: '韶关市', value: 100}, 173 {name: '深圳市', value: 100}, 174 {name: '珠海市', value: 100}, 175 {name: '汕头市', value: 100}, 176 {name: '佛山市', value: 100}, 177 {name: '江门市', value: 100}, 178 {name: '湛江市', value: 100}, 179 {name: '茂名市', value: 100}, 180 {name: '肇庆市', value: 100}, 181 {name: '惠州市', value: 100}, 182 {name: '梅州市', value: 100}, 183 {name: '汕尾市', value: 100}, 184 {name: '河源市', value: 100}, 185 {name: '阳江市', value: 100}, 186 {name: '清远市', value: 100}, 187 {name: '东莞市', value: 100} 188 ] 189 break; 190 case "广西": 191 tmpSeriesData = [ 192 {name: '南宁市', value: 100}, 193 {name: '柳州市', value: 100}, 194 {name: '桂林市', value: 100}, 195 {name: '梧州市', value: 100}, 196 {name: '北海市', value: 100}, 197 {name: '防城港市', value: 100}, 198 {name: '钦州市', value: 100}, 199 {name: '贵港市', value: 100}, 200 {name: '玉林市', value: 100}, 201 {name: '百色市', value: 100}, 202 {name: '贺州市', value: 100}, 203 {name: '河池市', value: 100}, 204 {name: '来宾市', value: 100}, 205 {name: '崇左市', value: 100}, 206 ] 207 break; 208 case "贵州": 209 tmpSeriesData = [ 210 {name: '贵阳市', value: 100}, 211 {name: '六盘水市', value: 100}, 212 {name: '遵义市', value: 100}, 213 {name: '安顺市', value: 100}, 214 {name: '毕节市', value: 100}, 215 {name: '铜仁市', value: 100}, 216 {name: '黔西南布依族苗族自治州', value: 100}, 217 {name: '黔东南苗族侗族自治州', value: 100}, 218 {name: '黔南布依族苗族自治州', value: 100}, 219 ] 220 break; 221 case "海南": 222 tmpSeriesData = [ 223 {name: '海口市', value: 100}, 224 {name: '三亚市', value: 100}, 225 {name: '三沙市', value: 100}, 226 {name: '儋州市', value: 100}, 227 {name: '五指山市', value: 100}, 228 {name: '琼海市', value: 100}, 229 {name: '文昌市', value: 100}, 230 {name: '万宁市', value: 100}, 231 {name: '东方市', value: 100}, 232 {name: '安定县', value: 100}, 233 {name: '屯昌县', value: 100}, 234 {name: '澄迈县', value: 100}, 235 {name: '临高县', value: 100}, 236 {name: '白沙黎族自治县', value: 100}, 237 {name: '昌江黎族自治县', value: 100}, 238 {name: '乐东黎族自治县', value: 100}, 239 {name: '陵水黎族自治县', value: 100}, 240 {name: '保亭黎族苗族自治县', value: 100}, 241 {name: '琼中黎族苗族自治县', value: 100}, 242 ] 243 break; 244 case "河北": 245 tmpSeriesData = [ 246 {name: '石家庄市', value: 100}, 247 {name: '唐山市', value: 100}, 248 {name: '秦皇岛市', value: 100}, 249 {name: '邯郸市', value: 100}, 250 {name: '邢台市', value: 100}, 251 {name: '保定市', value: 100}, 252 {name: '张家口市', value: 100}, 253 {name: '常德市', value: 100}, 254 {name: '沧州市', value: 100}, 255 {name: '廊坊市', value: 100}, 256 {name: '衡水市', value: 100}, 257 ] 258 break; 259 case "黑龙江": 260 tmpSeriesData = [ 261 {name: '哈尔滨市', value: 100}, 262 {name: '齐齐哈尔市', value: 100}, 263 {name: '鸡西市', value: 100}, 264 {name: '鹤岗市', value: 100}, 265 {name: '双鸭山市', value: 100}, 266 {name: '大庆市', value: 100}, 267 {name: '伊春市', value: 100}, 268 {name: '佳木斯市', value: 100}, 269 {name: '七台河市', value: 100}, 270 {name: '牡丹江市', value: 100}, 271 {name: '黑河市', value: 100}, 272 {name: '绥化市', value: 100}, 273 {name: '大兴安岭市', value: 100}, 274 ] 275 break; 276 case "河南": 277 tmpSeriesData = [ 278 {name: '郑州市', value: 100}, 279 {name: '开封市', value: 100}, 280 {name: '洛阳市', value: 100}, 281 {name: '平顶山市', value: 100}, 282 {name: '安阳市', value: 100}, 283 {name: '鹤壁市', value: 100}, 284 {name: '新乡市', value: 100}, 285 {name: '焦作市', value: 100}, 286 {name: '濮阳市', value: 100}, 287 {name: '许昌市', value: 100}, 288 {name: '漯河市', value: 100}, 289 {name: '三门峡市', value: 100}, 290 {name: '南阳市', value: 100}, 291 {name: '商丘市', value: 100}, 292 {name: '信阳市', value: 100}, 293 {name: '周口市', value: 100}, 294 {name: '驻马店市', value: 100}, 295 {name: '济源市', value: 100}, 296 ] 297 break; 298 case "湖北": 299 tmpSeriesData = [ 300 {name: '武汉市', value: 100}, 301 {name: '黄石市', value: 100}, 302 {name: '十堰市', value: 100}, 303 {name: '宜昌市', value: 100}, 304 {name: '襄阳市', value: 100}, 305 {name: '鄂州市', value: 100}, 306 {name: '荆门市', value: 100}, 307 {name: '孝感市', value: 100}, 308 {name: '荆州市', value: 100}, 309 {name: '咸宁市', value: 100}, 310 {name: '随州市', value: 100}, 311 {name: '仙桃市', value: 100}, 312 {name: '潜江市', value: 100}, 313 {name: '天门市', value: 100}, 314 {name: '黄冈市', value: 100}, 315 {name: '神农架林区', value: 100}, 316 {name: '恩施土家族苗族自治州', value: 100} 317 ] 318 break; 319 case "湖南": 320 tmpSeriesData = [ 321 {name: '长沙市', value: 100}, 322 {name: '株洲市', value: 100}, 323 {name: '湘潭市', value: 100}, 324 {name: '衡阳市', value: 100}, 325 {name: '邵阳市', value: 100}, 326 {name: '岳阳市', value: 100}, 327 {name: '常德市', value: 100}, 328 {name: '张家界市', value: 100}, 329 {name: '益阳市', value: 100}, 330 {name: '郴州市', value: 100}, 331 {name: '永州市', value: 100}, 332 {name: '怀化市', value: 100}, 333 {name: '娄底市', value: 100}, 334 {name: '湘西土家族苗族自治州', value: 100}, 335 ] 336 break; 337 case "江苏": 338 tmpSeriesData = [ 339 {name: '南京市', value: 100}, 340 {name: '无锡市', value: 100}, 341 {name: '徐州市', value: 100}, 342 {name: '常州市', value: 100}, 343 {name: '苏州市', value: 100}, 344 {name: '南通市', value: 100}, 345 {name: '连云港市', value: 100}, 346 {name: '淮安市', value: 100}, 347 {name: '盐城市', value: 100}, 348 {name: '扬州市', value: 100}, 349 {name: '镇江市', value: 100}, 350 {name: '泰州市', value: 100}, 351 {name: '宿迁市', value: 100}, 352 ] 353 break; 354 case "江西": 355 tmpSeriesData = [ 356 {name: '南昌市', value: 100}, 357 {name: '景德镇市', value: 100}, 358 {name: '萍乡市', value: 100}, 359 {name: '九江市', value: 100}, 360 {name: '新余市', value: 100}, 361 {name: '鹰潭市', value: 100}, 362 {name: '赣州市', value: 100}, 363 {name: '吉安市', value: 100}, 364 {name: '宜春市', value: 100}, 365 {name: '抚州市', value: 100}, 366 {name: '上饶市', value: 100}, 367 ] 368 break; 369 case "吉林": 370 tmpSeriesData = [ 371 {name: '长春市', value: 100}, 372 {name: '吉林市', value: 100}, 373 {name: '四平市', value: 100}, 374 {name: '辽源市', value: 100}, 375 {name: '通化市', value: 100}, 376 {name: '白山市', value: 100}, 377 {name: '松原市', value: 100}, 378 {name: '白城市', value: 100}, 379 {name: '延边朝鲜族自治州', value: 100}, 380 ] 381 break; 382 case "辽宁": 383 tmpSeriesData = [ 384 {name: '沈阳市', value: 100}, 385 {name: '大连市', value: 100}, 386 {name: '鞍山市', value: 100}, 387 {name: '抚顺市', value: 100}, 388 {name: '本溪市', value: 100}, 389 {name: '丹东市', value: 100}, 390 {name: '锦州市', value: 100}, 391 {name: '营口市', value: 100}, 392 {name: '阜新市', value: 100}, 393 {name: '辽阳市', value: 100}, 394 {name: '盘锦市', value: 100}, 395 {name: '铁岭市', value: 100}, 396 {name: '朝阳市', value: 100}, 397 {name: '葫芦岛市', value: 100}, 398 ] 399 break; 400 case "内蒙古": 401 tmpSeriesData = [ 402 {name: '呼和浩特市', value: 100}, 403 {name: '包头市', value: 100}, 404 {name: '乌海市', value: 100}, 405 {name: '赤峰市', value: 100}, 406 {name: '通辽市', value: 100}, 407 {name: '鄂尔多斯市', value: 100}, 408 {name: '呼伦贝尔市', value: 100}, 409 {name: '巴彦淖尔市', value: 100}, 410 {name: '乌兰察布市', value: 100}, 411 {name: '兴安盟', value: 100}, 412 {name: '锡林郭勒盟', value: 100}, 413 {name: '阿拉善盟', value: 100}, 414 ] 415 break; 416 case "宁夏": 417 tmpSeriesData = [ 418 {name: '银川市', value: 100}, 419 {name: '石嘴山市', value: 100}, 420 {name: '吴忠市', value: 100}, 421 {name: '固原市', value: 100}, 422 {name: '中卫市', value: 100}, 423 ] 424 break; 425 case "青海": 426 tmpSeriesData = [ 427 {name: '西宁市', value: 100}, 428 {name: '海东市', value: 100}, 429 {name: '海北藏族自治州', value: 100}, 430 {name: '黄南藏族自治州', value: 100}, 431 {name: '海南藏族自治州', value: 100}, 432 {name: '果洛藏族自治州', value: 100}, 433 {name: '玉树藏族自治州', value: 100}, 434 {name: '海西蒙古族藏族自治州', value: 100}, 435 ] 436 break; 437 case "山东": 438 tmpSeriesData = [ 439 {name: '济南市', value: 100}, 440 {name: '青岛市', value: 100}, 441 {name: '淄博市', value: 100}, 442 {name: '枣庄市', value: 100}, 443 {name: '东营市', value: 100}, 444 {name: '烟台市', value: 100}, 445 {name: '潍坊市', value: 100}, 446 {name: '济宁市', value: 100}, 447 {name: '泰安市', value: 100}, 448 {name: '威海市', value: 100}, 449 {name: '日照市', value: 100}, 450 {name: '莱芜市', value: 100}, 451 {name: '临沂市', value: 100}, 452 {name: '德州市', value: 100}, 453 {name: '聊城市', value: 100}, 454 {name: '滨州市', value: 100}, 455 {name: '菏泽市', value: 100}, 456 ] 457 break; 458 case "上海": 459 tmpSeriesData = [ 460 {name: '黄浦区', value: 100}, 461 {name: '徐汇区', value: 100}, 462 {name: '长宁区', value: 100}, 463 {name: '静安区', value: 100}, 464 {name: '普陀区', value: 100}, 465 {name: '虹口区', value: 100}, 466 {name: '杨浦区', value: 100}, 467 {name: '闵行区', value: 100}, 468 {name: '宝山区', value: 100}, 469 {name: '嘉定区', value: 100}, 470 {name: '浦东新区', value: 100}, 471 {name: '金山区', value: 100}, 472 {name: '松江区', value: 100}, 473 {name: '青浦区', value: 100}, 474 {name: '奉贤区', value: 100}, 475 ] 476 break; 477 case "山西": 478 tmpSeriesData = [ 479 {name: '太原市', value: 100}, 480 {name: '大同市', value: 100}, 481 {name: '阳泉市', value: 100}, 482 {name: '长治市', value: 100}, 483 {name: '晋城市', value: 100}, 484 {name: '朔州市', value: 100}, 485 {name: '晋中市', value: 100}, 486 {name: '运城市', value: 100}, 487 {name: '忻州市', value: 100}, 488 {name: '临汾市', value: 100}, 489 {name: '吕梁市', value: 100}, 490 ] 491 break; 492 case "陕西": 493 tmpSeriesData = [ 494 {name: '西安市', value: 100}, 495 {name: '铜川市', value: 100}, 496 {name: '宝鸡市', value: 100}, 497 {name: '咸阳市', value: 100}, 498 {name: '渭南市', value: 100}, 499 {name: '延安市', value: 100}, 500 {name: '汉中市', value: 100}, 501 {name: '榆林市', value: 100}, 502 {name: '安康市', value: 100}, 503 {name: '商洛市', value: 100}, 504 ] 505 break; 506 case "新疆": 507 tmpSeriesData = [ 508 {name: '乌鲁木齐市', value: 100}, 509 {name: '克拉玛依市', value: 100}, 510 {name: '吐鲁番市', value: 100}, 511 {name: '昌吉回族自治州', value: 100}, 512 {name: '博尔塔拉蒙古自治州', value: 100}, 513 {name: '巴音郭楞蒙古自治州', value: 100}, 514 {name: '阿克苏地区', value: 100}, 515 {name: '克孜勒苏柯尔克孜自治州', value: 100}, 516 {name: '喀什地区', value: 100}, 517 {name: '和田地区', value: 100}, 518 {name: '伊犁哈萨克自治州', value: 100}, 519 {name: '塔城地区', value: 100}, 520 {name: '阿勒泰地区', value: 100}, 521 {name: '石河子市', value: 100}, 522 {name: '阿拉尔市', value: 100}, 523 {name: '图木舒克市', value: 100}, 524 {name: '五家渠市', value: 100}, 525 {name: '北屯市', value: 100}, 526 {name: '铁门关市', value: 100}, 527 {name: '双河市', value: 100}, 528 {name: '可克达拉市', value: 100}, 529 {name: '昆玉市', value: 100}, 530 {name: '哈密市', value: 100} 531 ] 532 break; 533 case "浙江": 534 tmpSeriesData=[ 535 {name: '杭州市',value: 100}, 536 {name: '宁波市',value: 100}, 537 {name: '温州市',value: 100}, 538 {name: '嘉兴市',value: 100}, 539 {name: '湖州市',value: 100}, 540 {name: '绍兴市',value: 100}, 541 {name: '金华市',value: 100}, 542 {name: '衢州市',value: 100}, 543 {name: '舟山市',value: 100}, 544 {name: '台州市',value: 100}, 545 {name: '丽水市',value: 100} 546 ] 547 break; 548 case "云南": 549 tmpSeriesData=[ 550 {name: '昆明市',value: 100}, 551 {name: '曲靖市',value: 100}, 552 {name: '玉溪市',value: 100}, 553 {name: '保山市',value: 100}, 554 {name: '昭通市',value: 100}, 555 {name: '丽江市',value: 100}, 556 {name: '普洱市',value: 100}, 557 {name: '临沧市',value: 100}, 558 {name: '楚雄彝族自治州',value: 100}, 559 {name: '红河哈尼族彝族自治州',value: 100}, 560 {name: '文山壮族苗族自治州',value: 100}, 561 {name: '大理白族自治州',value: 100}, 562 {name: '德宏傣族景颇族自治州',value: 100}, 563 {name: '怒江傈僳族自治州',value: 100}, 564 {name: '迪庆藏族自治州',value: 100}, 565 {name: '西双版纳傣族自治州',value: 100} 566 ] 567 break; 568 case "西藏": 569 tmpSeriesData=[ 570 {name: '拉萨市',value: 100}, 571 {name: '日喀则市',value: 100}, 572 {name: '昌都市',value: 100}, 573 {name: '山南市',value: 100}, 574 {name: '那曲地区',value: 100}, 575 {name: '阿里地区',value: 100}, 576 {name: '林芝市',value: 100}, 577 {name: '山南市',value: 100} 578 ] 579 break; 580 case "香港": 581 tmpSeriesData=[ 582 {name: '中西区',value: 100}, 583 {name: '湾仔区',value: 100}, 584 {name: '东区',value: 100}, 585 {name: '南区',value: 100}, 586 {name: '油尖旺区',value: 100}, 587 {name: '深水埗区',value: 100}, 588 {name: '九龙城区',value: 100}, 589 {name: '观塘区',value: 100}, 590 {name: '荃湾区',value: 100}, 591 {name: '屯门区',value: 100}, 592 {name: '元朗区',value: 100}, 593 {name: '北区',value: 100}, 594 {name: '大埔区',value: 100}, 595 {name: '西贡区',value: 100}, 596 {name: '沙田区',value: 100}, 597 {name: '葵青区',value: 100}, 598 {name: '离岛区',value: 100}, 599 {name: '黄大仙区',value: 100} 600 ] 601 break; 602 case "天津": 603 tmpSeriesData=[ 604 {name: '和平区',value: 100}, 605 {name: '河东区',value: 100}, 606 {name: '河西区',value: 100}, 607 {name: '南开区',value: 100}, 608 {name: '河北区',value: 100}, 609 {name: '红桥区',value: 100}, 610 {name: '东丽区',value: 100}, 611 {name: '西青区',value: 100}, 612 {name: '津南区',value: 100}, 613 {name: '北辰区',value: 100}, 614 {name: '武清区',value: 100}, 615 {name: '宝坻区',value: 100}, 616 {name: '滨海新区',value: 100}, 617 {name: '宁河区',value: 100}, 618 {name: '静海区',value: 100}, 619 {name: '蓟州区',value: 100} 620 ] 621 break; 622 case "四川": 623 tmpSeriesData=[ 624 {name: '成都市',value: 100}, 625 {name: '自贡市',value: 100}, 626 {name: '攀枝花市',value: 100}, 627 {name: '泸州市',value: 100}, 628 {name: '德阳市',value: 100}, 629 {name: '绵阳市',value: 100}, 630 {name: '广元市',value: 100}, 631 {name: '遂宁市',value: 100}, 632 {name: '内江市',value: 100}, 633 {name: '乐山市',value: 100}, 634 {name: '南充市',value: 100}, 635 {name: '眉山市',value: 100}, 636 {name: '宜宾市',value: 100}, 637 {name: '广安市',value: 100}, 638 {name: '达州市',value: 100}, 639 {name: '巴中市',value: 100}, 640 {name: '资阳市',value: 100}, 641 {name: '阿坝藏族羌族自治州',value: 100}, 642 {name: '甘孜藏族自治州',value: 100}, 643 {name: '凉山彝族自治州',value: 100}, 644 {name: '雅安市',value: 100} 645 ] 646 break; 647 case "山西": 648 tmpSeriesData=[ 649 {name: '太原市',value: 100}, 650 {name: '大同市',value: 100}, 651 {name: '阳泉市',value: 100}, 652 {name: '长治市',value: 100}, 653 {name: '晋城市',value: 100}, 654 {name: '朔州市',value: 100}, 655 {name: '晋中市',value: 100}, 656 {name: '运城市',value: 100}, 657 {name: '忻州市',value: 100}, 658 {name: '临汾市',value: 100}, 659 {name: '吕梁市',value: 100} 660 ] 661 break; 662 case "陕西": 663 tmpSeriesData=[ 664 {name: '西安市',value: 100}, 665 {name: '铜川市',value: 100}, 666 {name: '宝鸡市',value: 100}, 667 {name: '咸阳市',value: 100}, 668 {name: '渭南市',value: 100}, 669 {name: '延安市',value: 100}, 670 {name: '汉中市',value: 100}, 671 {name: '榆林市',value: 100}, 672 {name: '安康市',value: 100}, 673 {name: '商洛市',value: 100} 674 ] 675 break; 676 case "上海": 677 tmpSeriesData=[ 678 {name: '黄浦区',value: 100}, 679 {name: '徐汇区',value: 100}, 680 {name: '长宁区',value: 100}, 681 {name: '静安区',value: 100}, 682 {name: '普陀区',value: 100}, 683 {name: '虹口区',value: 100}, 684 {name: '杨浦区',value: 100}, 685 {name: '闵行区',value: 100}, 686 {name: '宝山区',value: 100}, 687 {name: '浦东新区',value: 100}, 688 {name: '金山区',value: 100}, 689 {name: '松江区',value: 100}, 690 {name: '青浦区',value: 100}, 691 {name: '奉贤区',value: 100}, 692 {name: '崇明区',value: 100}, 693 {name: '嘉定区',value: 100} 694 ] 695 break; 696 default: 697 tmpSeriesData = []; 698 break; 699 } 700 701 var option = { 702 title: { 703 text: Chinese_ || pName, 704 left: 'center' 705 }, 706 tooltip: { 707 trigger: 'item', 708 formatter: '{b}<br/>{c} (p / km2)' 709 }, 710 series: [ 711 { 712 name: Chinese_ || pName, 713 type: 'map', 714 mapType: pName, 715 roam: false,//是否开启鼠标缩放和平移漫游 716 data: tmpSeriesData, 717 top: "3%",//组件距离容器的距离 718 zoom:1.1, 719 selectedMode : 'single', 720 721 label: { 722 normal: { 723 show: true,//显示省份标签 724 textStyle:{color:"black"}//省份标签字体颜色 725 }, 726 emphasis: {//对应的鼠标悬浮效果 727 show: true, 728 textStyle:{color:"#323232"} 729 } 730 }, 731 itemStyle: { 732 normal: { 733 borderWidth: .5,//区域边框宽度 734 borderColor: '#0550c3',//区域边框颜色 735 }, 736 emphasis: { 737 borderWidth: .5, 738 borderColor: '#4b0082', 739 areaColor:"#ece39e", 740 } 741 }, 742 } 743 ] 744 }; 745 myMap.setOption(option); 746 myMap.off("click"); 747 748 if (pName === "china") { // 全国时，添加click 进入省级 749 myMap.on('click', function (param) { 750 // 遍历取到provincesText 中的下标 去拿到对应的省js 751 for (var i = 0; i < provincesText.length; i++) { 752 if (param.name === provincesText[i]) { 753 //显示对应省份的方法 754 showProvince(provinces[i], provincesText[i]); 755 break; 756 } 757 } 758 if (param.componentType === 'series') { 759 var provinceName =param.name; 760 $('#box').css('display','block'); 761 $("#box-title").html(provinceName); 762 } 763 }); 764 } else { 765 myMap.on("click", function (param) { 766 console.info(param.name); 767 }); 768 // 省份，添加双击 回退到全国 769 myMap.on("dblclick", function () { 770 initEcharts("china", "中国"); 771 }); 772 } 773 } 774 // 展示对应的省 775 function showProvince(pName, Chinese_) { 776 //这写省份的js都是通过在线构建工具生成的，保存在本地，需要时加载使用即可，最好不要一开始全部直接引入。 777 loadBdScript('$' + pName + 'JS', 'js/map/' + pName + '.js', function () { 778 initEcharts(Chinese_); 779 }); 780 } 781 // 加载对应的JS 782 function loadBdScript(scriptId, url, callback) { 783 var script = document.createElement("script"); 784 script.type = "text/javascript"; 785 if (script.readyState) { //IE 786 script.onreadystatechange = function () { 787 if (script.readyState === "loaded" || script.readyState === "complete") { 788 script.onreadystatechange = null; 789 callback(); 790 } 791 }; 792 } else { // Others 793 script.onload = function () { 794 callback(); 795 }; 796 } 797 script.src = url; 798 script.id = scriptId; 799 document.getElementsByTagName("head")[0].appendChild(script); 800 }; 801 </script> 802</html>
Echarts全国地图二级钻取
Stella981
2021-10-11
1768 0 0
点赞
收藏
评论区
加载中...