Appearance
国庆节又快到了,正好前阵子国家发布了新版的国家地图,那么来做一个拟物版本地图查看器吧。了解一下幅员辽阔的国土。
首先下载一个国家地图的svg图片。使用的是阿里云提供的一个可视化地图的数据,下载里边的整体国家的svg。地址http://datav.aliyun.com/portal/school/atlas/area_selector#&lat=39.41111833003772&lng=117.38427883930954&zoom=8.5
下载完了之后需要稍微修改一下svg的内容。
html
<svg viewBox="-93 -60 1121 720" style="transform: translate3d(-93px, -60px, 0px);">...</svg>
<!--修改一下偏移,如果觉得没啥问题也可以不改-->
<svg viewBox="0 0 1121 720">...</svg>
之后把svg贴到html架子里边就有如下效果了。
html
<!DOCTYPE html>
<html>
<head>
<title>Canvas Draw</title>
<style>
body {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}
</style>
</head>
<body style="background-color: #e0e0e0;">
<svg>...</svg>
</body>
</html>
效果图如下:
之后想要实现的效果参考一个生成拟物效果的网站。https://neumorphism.io/#e0e0e0
使用到的css设置如下:
css
box-shadow: 20px 20px 60px #bebebe,
-20px -20px 60px #ffffff;
由于本例子中使用到的是svg,因此需要使用到的样式如下:
filter: drop-shadow(3px 3px 9px #bebebe) drop-shadow(-3px -3px 9px #ffffff);
为了适应这个配色 修改一下svg里边的 stroke 颜色
javascript
#4190da => #201920
#3388ff => #999
#eee => #e0e0e0
// 这个需要给删除,要不然透明的会导致没有拟物效果
fill-opacity="0.5"
// 改一下各省的样式
stroke-opacity="0" stroke-width="3"
=> stroke-width="1"
// 删掉这个,要不然不相应鼠标事件
pointer-events="none"
调整完效果大概如下:
之后增加脚本相应事件
html
<script>
let order = document.getElementById('order')
let svg = document.getElementById('map')
console.log(svg)
var paths = []
for(let g of svg.children) {
console.log(g.children.length)
for(let p of g.children) {
console.log(p.id)
if (['国界','争议','港澳','海洋','省界','100000_JD'].indexOf(p.id) < 0) {
let r = Math.floor(Math.random() * 255)
let g = Math.floor(Math.random() * 255)
let b = Math.floor(Math.random() * 255)
// p.style.fill = `rgba(${r},${g},${b},1)`
p.style.fill = `#e0e0e0`
p.addEventListener('mouseover', () => {
for(let pp of paths) {
pp.style.filter = ''
pp.style.stroke = '#999'
}
p.style.filter = 'drop-shadow(2px 2px 6px #bebebe) drop-shadow(-2px -2px 6px #ffffff)'
p.style.stroke = '#e0e0e0'
order.setAttribute(`xlink:href`,`#${p.id}`)
let region = document.getElementById('regionTitle')
region.innerText = p.id
})
paths.push(p)
}
}
}
</script>
由于点击的时候会有阴影遮盖问题,需要把选中的区域调整到比较高的位置。方法是在svg内部增加一个标签,选中的时候刷新一下内容。
html
<use xlink:href="" id="order"/>
最后稍微微调一下加一点点细节。效果如下:
整体代码如下:
html
<!DOCTYPE html>
<html>
<head>
<title>Canvas Draw</title>
<style>
body {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
background-color: #e0e0e0;
position: relative;
}
svg {
scale: 1.2;
}
#regionTitle {
position: absolute;
left: 0;
height: 120px;
right: 0;
top: 0;
font-size: 28px;
color: #333;
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: center;
}
</style>
</head>
<body style="background-color: #e0e0e0;">
<svg id="map" xmlns="http://www.w3.org/2000/svg" class="leaflet-zoom-animated" width="1121" height="720" viewBox="0 0 1121 720" ><g><path class="leaflet-interactive" stroke="#201920" stroke-opacity="1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M272 269L272 265L271 266L269 262L273 260L272 257L275 254L276 255L279 252L281 252L281 250L284 251L286 249L287 252L293 252L298 244L303 245L306 242L307 243L307 241L313 239L316 236L323 234L323 227L326 224L325 223L328 222L328 218L325 211L325 205L321 203L321 201L334 197L342 199L343 198L340 195L340 193L346 175L353 178L362 179L366 177L368 175L366 164L370 160L372 161L375 159L377 155L376 154L378 152L384 152L386 159L391 161L393 165L399 165L400 168L403 167L403 169L406 171L408 178L410 178L411 181L411 184L409 186L410 189L408 192L409 199L410 198L413 200L414 199L420 201L430 201L441 209L446 209L445 212L447 212L448 217L454 226L460 225L479 228L495 228L502 233L503 232L508 235L518 236L519 238L523 239L526 236L543 229L553 230L564 227L572 219L576 218L579 215L575 209L576 204L579 200L592 204L596 202L601 196L608 196L614 191L613 190L618 185L622 185L623 182L627 183L629 181L634 180L636 182L643 181L642 176L632 166L627 165L623 169L614 167L611 170L608 167L608 165L610 163L617 143L625 147L632 142L638 140L639 137L637 137L637 135L642 128L644 120L647 117L649 117L650 114L649 109L647 107L644 108L644 106L652 98L653 99L669 95L673 95L677 98L678 97L680 100L683 101L689 101L689 104L691 104L692 108L695 110L694 113L696 114L695 115L698 120L697 121L699 122L699 128L702 131L703 138L705 138L704 143L707 147L714 146L714 148L720 148L720 150L722 150L726 155L730 155L728 158L731 162L729 164L733 170L744 169L749 164L751 165L758 161L765 161L762 162L761 167L763 169L757 175L758 176L755 183L756 186L749 199L746 200L739 197L737 199L738 200L732 202L735 212L735 218L733 224L728 226L729 229L726 226L726 224L723 223L722 228L720 230L719 229L716 234L708 234L711 239L709 241L702 240L700 238L701 237L699 237L700 236L697 237L692 246L685 249L679 254M312 336L309 333L309 331L312 328L314 332L316 330L316 326L311 320L311 316L314 313L308 309L306 301L301 302L294 299L294 297L291 298L289 295L290 292L287 289L285 289L285 287L277 285L279 283L281 284M538 426L536 426L537 423L535 423L537 419L535 417L530 418L526 414L524 414L522 418L517 418L514 421L512 419L510 419L507 422L504 419L502 419L501 422L496 421L496 433L492 432L492 428L484 430L484 428L482 428L481 425L477 425L477 419L479 417L474 415L474 411L472 409L474 407L468 407L464 409L463 408L465 406L463 404L465 400L464 399L472 391L471 390L473 386L473 378L470 375L470 377L468 375L468 371L464 369L464 367L462 369L463 370L461 370L462 373L459 375L452 370L448 370L445 371L445 373L442 375L437 376L431 382L427 383L419 383L419 377L415 377L414 372L409 373L400 370L396 374L394 379L392 377L393 372L391 371L389 373L384 374L380 374L375 371L373 373L371 371L371 373L367 369L364 370L363 366L360 367L355 362L355 360L351 362L346 357L344 357L344 355L343 356L342 354L340 354L339 351L334 350L332 354L318 344L315 345L312 342L312 336M547 430L542 429L538 426M550 559L549 550M558 475L561 479L562 484M566 508L564 516M578 580L586 577M608 549L613 543M632 519L635 510M636 477L636 486M644 452L639 460M659 428L653 436M664 413L666 403" id="国界"/><path class="leaflet-interactive" stroke="#201920" stroke-opacity="1" stroke-width="2" stroke-linecap="butt" stroke-linejoin="round" stroke-dasharray="4,4" stroke-dashoffset="4" fill="none" d="M281 284L283 282L281 280L281 272L279 270L276 269L274 271L272 269" id="争议"/><path class="leaflet-interactive" stroke="gray" stroke-opacity="1" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="8,4,4,4" fill="none" d="M592 424L592 424M597 421L595 421L594 424L599 424L599 422L597 421" id="港澳"/><path class="leaflet-interactive" stroke="#201920" stroke-opacity="1" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M596 423L596 421L594 422L593 419L592 424L590 426L589 425L589 427L586 426L584 428L581 427L579 429L569 431L565 434L565 436L568 439L566 441L562 441L560 435L562 431L560 429L558 431L556 431L556 429L547 430M566 433L566 433M566 433L566 435L566 433M592 424L592 424M596 423L596 423M596 423L596 423M596 423L596 423M643 384L640 385L642 385L643 388L640 389L641 392L639 394L643 394L641 396L638 395L638 397L636 397L637 398L636 399L636 397L634 401L633 400L634 401L632 404L629 403L629 405L623 412L619 412L615 418L609 418L607 420L605 418L602 421L600 419L600 421L599 422L599 420L597 422L599 422L596 423M643 384L643 384M658 362L656 366L657 369L654 372L653 371L652 374L651 373L643 386L642 385L644 383L643 384M656 288L654 290L650 290L651 293L650 292L649 295L646 296L646 294L646 296L637 307L647 315L651 325L651 329L656 333L655 334L659 336L659 338L654 336L652 338L654 340M654 340L660 345L659 346L661 348L657 346L652 349L655 350L659 355L661 355L658 357L660 358L659 362M656 288L656 288M656 288L656 288M662 262L659 266L655 268L652 267L657 264L657 262L656 263L653 260L655 260L655 258L662 251L661 248L660 249L658 247L653 246L648 251L648 253L641 256L638 259L638 261L632 265L632 267L629 266L629 264L627 264L625 268L625 272L627 272L627 274L634 275L637 278L638 277L638 279L635 280L635 282L638 285L642 285L642 283L646 280L645 279L649 278L655 280L655 282L661 281L665 283L662 288L656 288M656 288L656 288M658 362L658 362M658 362L658 362M658 362L658 362M659 362L658 362M659 362L659 362M661 354L661 354M661 354L661 354M661 354L661 354M662 354L661 354M661 354L659 352L661 352L662 354M662 354L662 354M662 352L663 351L662 352M662 352L662 352M662 262L662 262M679 254L677 258L671 258L662 262M663 347L663 347M663 347L663 347M665 346L665 346M554 429L554 429M556 434L556 434M559 444L559 444M559 548L560 546L563 547L562 546L559 548M560 459L552 455L552 449L557 444L569 441L572 445L569 448L567 454L561 457L560 459M563 544L564 543L563 544M566 437L566 437M567 433L567 433M567 544L567 544M567 542L568 541L567 542M568 434L568 432L568 434M568 440L568 440M568 542L568 542M568 435L568 435M573 478L573 478M575 468L576 467L575 468M575 538L575 538M575 473L575 473M575 532L575 532M576 546L576 546M576 544L576 544M576 473L576 473M576 472L576 472M576 543L577 544L576 543M576 475L576 475M576 537L577 538L576 537M576 472L576 472M577 545L577 545M577 472L577 472M577 475L578 474L577 475M577 473L578 472L577 473M577 476L577 476M579 542L579 542M579 474L579 474M579 576L579 576M581 536L581 536M581 536L581 536M581 576L581 576M581 470L581 470M581 479L581 479M581 468L582 469L581 468M581 535L582 536L581 535M581 575L581 575M582 535L582 535M582 562L582 562M582 469L582 469M582 470L582 470M583 474L582 475L583 474M583 429L583 429M583 561L583 561M583 477L584 476L583 477M583 473L584 472L583 473M583 530L583 530M583 562L584 561L583 562M583 560L584 561L583 560M584 536L584 536M584 559L584 559M584 566L584 566M584 429L584 429M584 562L584 562M584 564L584 564M584 473L585 474L584 473M584 566L584 566M585 428L584 429L585 428M585 474L585 474M585 471L585 471M586 429L585 428L586 429M586 535L586 535M586 429L586 429M586 470L586 470M586 544L586 544M586 530L586 530M586 530L586 530M587 567L587 567M587 539L587 539M587 447L587 447M587 529L587 529M587 427L587 427M588 426L588 426M588 427L588 427M589 426L589 426M589 556L589 556M589 542L589 542M589 542L590 541L589 542M592 424L592 424M592 524L592 524M592 551L592 551M592 535L593 534L592 535M593 533L593 533M593 426L593 426M593 480L593 480M593 426L593 426M593 426L593 426M593 426L593 426M593 546L594 545L593 546M594 548L594 548M594 422L594 422M594 425L594 425M594 450L594 450M594 424L596 424L594 424M594 526L594 526M594 481L594 481M594 479L595 480L594 479M594 543L595 542L594 543M594 546L599 543L600 544L598 546L594 546M595 535L594 536L595 535M595 478L595 478M595 536L595 536M595 535L596 536L595 535M595 482L595 482M596 526L596 526M596 519L596 519M596 542L596 542M596 477L596 477M596 424L596 424M597 426L597 426M597 531L597 531M597 423L597 423M597 426L597 426M597 536L597 536M597 476L597 476M597 425L597 425M597 481L597 481M597 524L597 524M597 528L597 528M597 424L597 424M597 480L598 481L597 480M598 529L598 529M598 515L598 515M598 421L598 421M598 518L598 518M598 423L598 423M598 525L598 525M598 520L598 520M598 514L598 514M599 476L599 476M599 527L599 527M599 480L599 480M599 528L599 528M599 519L599 519M599 520L599 520M599 527L599 527M599 542L600 541L599 542M600 527L600 527M600 527L600 527M600 515L600 515M600 527L600 527M600 536L601 535L600 536M600 480L600 480M600 527L601 526L600 527M600 515L601 514L600 515M600 422L600 422M601 546L601 546M601 541L601 541M601 523L601 523M601 514L601 514M601 518L602 517L601 518M601 475L601 475M601 528L601 528M602 541L602 541M602 517L602 517M602 478L602 478M602 520L602 520M602 549L602 549M602 543L602 543M603 519L603 519M603 476L603 476M603 547L603 547M603 517L603 517M605 539L606 540L605 539M605 538L606 539L605 538M606 525L606 525M606 494L606 494M607 531L607 531M607 527L607 527M607 539L608 538L607 539M609 522L609 522M609 522L609 522M609 522L609 522M609 523L610 522L609 523M610 522L610 522M610 529L611 528L610 529M610 519L610 519M611 434L611 434M611 433L612 434L611 433M611 532L611 532M612 526L612 526M613 530L613 530M614 535L614 535M615 528L615 528M615 533L615 533M615 528L615 528M615 523L617 523L615 523M616 528L616 528M617 522L617 522M617 474L617 474M617 514L618 515L617 514M617 437L617 437M617 534L617 534M618 436L618 438L618 436M618 522L618 522M621 413L619 413L621 413M621 521L621 521M621 520L621 520M622 524L622 524M622 521L623 520L622 521M622 517L622 517M622 526L622 526M623 518L623 518M625 521L625 521M625 518L625 518M625 484L626 483L625 484M626 520L626 520M628 404L628 404M629 404L628 403L629 404M629 405L630 404L629 405M631 404L630 405L631 404M633 265L633 265M634 264L634 264M634 264L635 265L634 264M639 415L639 415M639 398L640 397L639 398M640 414L640 414M640 411L640 411M640 411L640 411M640 394L640 394M641 389L641 389M641 412L640 413L641 412M641 393L641 393M641 394L641 394M641 385L642 384L641 385M641 396L641 396M641 396L641 396M642 385L642 385M643 394L643 394M643 389L643 389M643 391L643 391M644 413L644 413M644 388L643 389L644 388M644 386L644 386M645 386L645 386M645 385L645 385M645 383L645 383M645 299L645 299M646 382L646 382M646 423L646 423M646 382L646 382M647 279L647 279M648 387L648 387M649 277L648 276L649 277M649 426L645 419L644 412L650 402L655 397L657 397L659 399L659 404L655 416L651 421L651 427L649 426M649 276L649 276M649 277L649 277M650 275L650 275M650 250L650 250M650 273L650 273M651 272L651 272M651 273L651 273M652 292L652 292M652 373L652 373M652 377L652 377M652 373L653 372L652 373M653 373L654 372L653 373M655 337L660 340L659 341L653 337L655 337M655 330L655 330M655 420L655 420M656 425L656 425M657 426L657 426M657 340L657 340M657 362L657 362M658 366L658 366M658 342L656 341L658 342M658 341L660 342L658 341M658 353L658 353M658 365L658 365M658 366L659 365L658 366M659 368L659 368M659 353L658 354L659 353M659 342L659 342M659 368L659 368M659 395L659 395M659 401L659 401M659 353L659 353M659 343L660 342L659 343M659 351L659 351M660 362L660 362M660 356L660 356M660 354L660 354M660 352L660 352M660 348L660 348M660 354L660 354M660 354L660 354M661 354L661 354M661 354L661 354M661 352L661 352M661 351L662 352L661 351M661 352L661 352M661 359L661 359M661 357L660 356L661 357M661 357L661 357M661 354L662 355L661 354M662 355L662 355M662 355L662 355M662 357L661 356L662 357M662 355L663 354L663 356L662 355M663 264L663 264M663 354L663 354M663 350L663 350M664 350L664 350M664 264L664 264M664 263L664 263M664 348L664 348M665 264L666 263L665 264M666 353L666 353M666 266L665 265L666 266M666 347L666 347M666 347L666 347M668 260L667 261L668 260M668 261L668 261M669 266L669 266M670 393L672 393L670 393M672 392L672 392M673 391L674 392L673 391M673 394L673 394M673 393L673 393M673 394L673 394M673 258L673 258M680 391L679 392L680 391" id="海洋"/><path class="leaflet-interactive" stroke="#747569" stroke-opacity="0.6" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M400 295L391 292L381 292L373 294L370 299L362 299L355 303L346 302L345 299L341 299L341 301L339 301L337 304L325 302L325 304L323 306L322 305L321 310L319 312L318 311L314 313M464 330L462 330L462 332L459 335L457 335L456 338L453 336L452 339L450 337L447 338L445 336L446 333L445 334L443 332L445 332L443 332L440 329L434 331L429 330L427 328L420 328L415 325L409 325L405 323L399 315L401 315L401 307L399 307L398 304L401 298L397 296L400 295M422 266L415 267L413 269L407 269L406 271L403 272L404 274L406 274L406 279L408 279L413 286L411 286L408 289L408 291L411 292L409 296L403 294L401 296L400 295M497 320L496 321L495 319L493 319L489 315L489 313L490 312L499 315L499 313L501 313L498 310L498 308L502 304L501 303L505 301L504 298L506 298L507 296L505 290L502 287L504 285L498 279L497 280L493 278L484 271L484 273L482 273L474 265L469 266L467 268L462 264L458 264L459 269L456 272L456 274L454 273L452 275L448 272L439 273L437 268L433 269L433 267L428 267L427 264L422 266M454 226L450 229L452 232L450 236L445 238L442 237L434 244L432 248L426 249L424 259L421 263L422 266M517 282L510 278L510 272L514 270L517 265L515 263L516 262L513 261L507 265L503 263L497 265L499 267L497 269L490 266L489 262L479 257L485 249L484 246L476 246L476 248L475 247L472 249L472 247L469 249L469 246L466 244L464 240L465 238L460 225M476 361L474 347L471 342L474 341L470 337L468 331L464 330M497 320L496 325L492 323L493 328L487 330L485 328L484 329L482 325L481 328L474 325L470 315L466 314L464 315L464 317L462 317L462 319L465 322L462 325L463 326L461 326L462 329L464 330M468 371L468 369L472 371L472 363L474 365L474 361L476 361M525 375L524 372L520 374L518 372L518 366L514 366L514 369L510 371L511 374L506 379L507 386L504 389L504 387L497 390L497 388L495 388L495 384L489 376L490 375L488 373L486 375L483 372L483 367L480 365L478 367L478 371L476 369L476 361M527 326L526 329L520 329L517 326L518 323L516 319L509 318L506 313L500 317L503 320L498 325L497 320M544 278L541 275L535 273L539 266L537 262L533 263L533 265L532 264L530 268L530 276L528 279L517 282M517 282L519 282L526 289L525 290L527 294L527 299L529 299L529 301L531 301L534 304L534 300L539 297L539 295L535 293L535 287L537 285L541 285M525 375L525 377L521 379L517 379L514 377L512 381L513 386L519 384L520 385L517 394L520 397L522 397L519 402M519 402L519 404L523 404L525 408L530 407L532 409L531 413L530 412L527 415M559 390L558 393L555 392L554 393L556 393L556 395L553 394L552 397L548 395L549 396L545 398L542 397L541 394L531 402L524 399L520 403L519 402M534 368L532 366L528 368L528 370L529 369L533 371L534 373L532 375L525 375M541 285L541 287L548 291L549 290L552 293L552 302L550 304L545 303L545 307L535 305L536 308L534 310L537 313L535 313L536 320L530 320L529 323L531 324L528 327L527 326M551 333L545 333L544 331L542 331L543 330L541 331L539 329L540 328L533 329L531 327L528 328L527 326M557 368L556 371L554 371L550 363L546 363L544 361L542 361L542 365L539 364L537 368L535 368L535 366L534 368M534 368L533 364L529 364L529 362L525 358L529 354L527 352L531 350L533 352L536 351L536 353L539 354L542 351L542 347L547 346L547 342L551 339L549 335L551 333M541 285L541 281L544 278M572 262L572 260L569 263L566 263L564 261L565 262L563 264L562 263L563 264L556 271L556 276L554 276L552 280L544 278M551 333L560 338M560 338L565 343L565 345L559 349L550 349L550 351L552 352L550 356L552 356L555 359L554 360L556 359L557 362M557 362L557 368M595 363L593 363L592 356L588 359L587 356L582 359L578 355L574 355L572 353L568 353L568 357L561 356L561 358L560 357L557 362M559 390L559 388L557 388L559 380L554 381L554 379L556 379L555 378L559 376L557 368M579 402L578 401L575 403L575 399L571 399L575 392L573 392L572 387L568 387L565 391L563 389L561 391L559 390M571 323L569 325L567 323L559 323L561 327L562 326L565 329L561 329L559 331L560 338M561 430L561 431M561 430L565 426L566 427L566 425L569 424L569 422L572 419L574 419L574 413L580 405L579 402M562 442L563 442M564 442L566 441M566 310L565 307L568 300L566 286L570 280L567 277L567 275L570 272L571 267L573 265L572 262M566 310L571 323M566 310L576 308L579 305L580 306L580 304L586 304L592 300L593 293M567 441L568 440M606 341L604 339L601 340L600 337L595 338L593 334L594 333L592 331L590 333L588 331L581 332L577 330L571 323M571 324L571 324M596 248L596 250L586 252L586 254L583 252L578 260L575 259L575 261L572 262M579 402L581 398L585 398L585 400L587 400L588 397L586 397L588 395L592 397L595 395M607 295L604 294L603 296L593 293M593 293L591 289L593 289L593 287L594 288L593 285L596 282L596 278L594 274L592 274L592 270L594 268L593 266L598 265L600 261L599 258L595 256L595 254L596 255L596 253L599 252L596 248M613 356L611 357L607 355L607 357L605 357L602 360L598 360L595 363M595 395L595 391L597 389L595 389L596 386L594 384L594 379L592 377L592 375L597 370L597 366L595 363M595 395L595 397L601 397L601 399L599 399L597 403L599 404L606 401L610 403L609 402L611 400M637 242L630 241L630 233L629 234L627 232L628 231L626 227L620 229L616 235L615 234L612 237L610 235L606 237L606 239L602 239L603 235L599 233L597 239L594 240L596 248M613 310L613 312L616 313L617 316L614 319L610 315L608 317L609 320L607 320L606 323L602 325L605 328L605 330L611 330L611 336L608 337L606 341M613 356L610 350L610 346L612 344L606 341M627 273L622 278L618 278L615 281L614 280L613 283L611 283L611 285L606 290L607 295M613 310L607 310L607 308L605 308L605 306L604 307L602 305L610 297L612 297L612 295L606 299L607 295M611 400L610 397L617 386L616 383L620 381L621 378L619 376L622 375L622 373L625 374L631 370M621 412L618 403L616 403L614 401L615 400L611 400M629 360L629 358L625 358L622 355L620 355L621 356L618 358L617 357L619 355L617 353L613 356M614 310L613 310M638 306L634 306L634 308L631 309L630 312L627 309L625 311L622 310L622 312L618 306L615 307L614 310M641 343L640 344L638 342L634 342L633 341L635 339L633 339L633 337L632 338L630 336L632 334L631 333L633 333L632 330L636 330L637 327L634 326L634 328L630 328L630 326L627 323L629 319L625 319L626 318L623 315L614 310M623 253L621 251L624 248L620 248L616 244L614 246L615 247L609 250L611 252L607 256L607 258L610 261L614 261L616 259L618 260M625 270L622 271L617 268L619 264L618 260M619 259L618 260M619 259L621 259L621 255M621 255L618 256L619 259M621 412L622 413M623 253L621 255M622 414L623 414M623 253L626 256L624 256L624 258L628 264M629 360L635 354L634 353L639 350L637 348L640 347L641 343M629 360L628 363L631 366L631 370M647 380L646 377L642 379L640 375L637 378L634 377L634 370L631 370M637 242L639 240L639 230L644 235L644 237L650 231L651 232L654 229L658 229L660 226L668 226L671 223L673 223L673 219M642 256L642 253L639 250L637 250L637 248L634 247L637 242M651 344L648 347L641 343M649 381L650 381M650 272L652 272M659 339L654 336L653 342L651 344M654 348L651 344M655 348L656 348M671 178L671 180L670 179L668 181L663 174L664 171L678 159L680 165L682 153L686 151L685 143L692 128L686 120L683 122L683 124L668 125L665 116L666 113L662 109L659 112L657 112L657 110L654 108L658 102L656 98M656 348L657 347M658 347L659 347M660 346L661 346M663 346L664 346M665 345L666 345M735 218L730 218L726 212L724 214L724 212L721 214L720 213L718 217L716 217L712 211L711 206L708 209L709 210L706 211L703 205L700 206L701 201L699 199L691 199L689 195L680 196L676 192L676 186L669 187M669 187L668 183L673 181L673 179L672 180L671 178M669 187L666 189L666 193L663 190L660 191L658 189L657 192L660 194L662 198L660 201L662 209L667 208L669 206L672 215L672 217L670 217L673 219M671 178L671 178M671 178L671 178M671 178L671 178M673 219L674 218L679 223L679 225L682 222L683 223L685 231L687 233L688 232L686 234L686 238L688 238L687 239L690 242L688 246L690 246M530 302L531 301L530 302M559 384L560 383L559 384M587 356L587 356" id="省界"/><path class="leaflet-interactive" stroke="#999" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#e0e0e0" fill-rule="evenodd" d="M622 249L624 249L619 248L617 244L612 249L609 250L611 252L610 254L607 255L607 258L610 261L614 261L616 259L617 260L619 258L618 255L623 254L621 252L622 249z" id="北京市"/><path class="leaflet-interactive" stroke="#999" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#e0e0e0" fill-rule="evenodd" d="M626 262L627 261L624 258L624 256L626 256L623 253L621 255L621 259L618 260L619 264L617 268L625 270L627 266L626 265L628 263L625 262zM626 262L626 262z" id="天津市"/><path class="leaflet-interactive" stroke="#999" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#e0e0e0" fill-rule="evenodd" d="M623 249L621 251L626 256L624 256L624 258L631 267L638 261L638 258L642 256L640 250L638 250L635 247L635 245L638 242L630 241L630 233L629 234L627 232L628 231L626 227L620 229L617 235L611 235L606 237L606 239L603 238L603 235L601 233L599 233L597 239L594 240L594 244L598 252L600 252L595 255L599 257L599 263L595 265L592 270L592 274L595 276L596 279L593 285L594 286L591 290L594 293L603 296L605 294L606 295L606 291L610 287L611 283L614 281L615 282L618 278L622 278L627 273L624 270L620 270L617 268L619 264L617 259L615 261L609 261L607 259L607 256L611 252L609 250L612 249L617 244L619 248L623 249zM621 255L618 256L619 259L621 259L621 255zM626 262L625 262zM634 264L634 265z" id="河北省"/><path class="leaflet-interactive" stroke="#999" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#e0e0e0" fill-rule="evenodd" d="M566 310L576 308L579 305L580 306L580 304L586 304L592 300L593 293L591 289L594 287L593 286L596 281L595 276L592 273L594 269L593 266L598 265L600 261L599 258L595 255L600 252L598 252L597 248L592 252L589 251L586 252L585 254L583 252L578 260L576 259L573 262L570 272L567 275L567 277L570 280L566 286L568 298L565 307L566 310z" id="山西省"/><path class="leaflet-interactive" stroke="#999" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#e0e0e0" fill-rule="evenodd" d="M460 225L465 238L463 240L469 246L469 249L473 249L475 247L476 248L476 246L483 246L485 249L484 253L479 257L489 262L489 266L492 266L495 269L497 269L499 267L497 265L502 263L506 265L510 262L515 261L517 265L514 270L510 272L510 278L518 282L527 279L530 276L530 268L532 264L533 265L533 263L536 262L539 265L539 267L535 273L538 275L542 275L542 277L547 278L547 280L552 280L553 277L556 276L555 273L563 264L562 263L563 264L565 262L564 261L566 263L568 263L571 260L573 262L576 259L577 260L583 252L585 254L589 251L592 252L596 250L594 240L597 239L599 233L601 233L603 235L602 238L605 239L610 235L612 237L615 234L616 235L619 233L619 229L623 229L626 227L628 231L627 232L629 234L630 233L630 241L637 242L639 240L639 234L637 232L639 230L644 235L644 237L650 231L651 232L654 229L658 229L664 225L667 226L673 222L673 220L670 217L672 217L672 215L669 206L662 210L660 203L662 199L657 192L658 189L660 191L663 190L666 193L666 189L669 187L668 183L673 181L672 178L670 178L671 179L669 181L667 180L667 178L663 174L664 171L672 166L678 159L680 165L682 153L686 151L685 143L692 128L686 120L683 122L683 124L668 124L665 117L666 112L664 112L661 109L658 112L654 108L658 102L657 99L652 98L644 106L644 108L649 108L650 115L643 122L644 123L639 130L640 131L637 137L639 137L638 140L625 147L617 143L610 159L610 163L608 164L608 167L611 170L614 167L623 170L627 165L632 166L642 176L643 181L641 183L636 182L634 180L626 183L624 182L622 185L618 185L613 191L614 192L609 196L601 196L596 202L592 204L586 203L583 200L578 200L575 208L579 216L571 220L566 226L554 230L543 229L534 232L523 239L520 238L519 236L508 235L504 232L502 233L495 228L474 228L461 226z" id="内蒙古自治区"/><path class="leaflet-interactive" stroke="#999" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#e0e0e0" fill-rule="evenodd" d="M672 258L676 258L683 250L684 251L690 246L690 242L687 239L688 238L686 238L686 234L688 232L687 233L685 231L685 227L682 222L679 225L679 222L674 218L672 223L669 224L670 225L663 225L663 227L661 226L658 229L654 229L644 237L644 235L639 230L637 232L639 234L639 239L635 244L635 247L638 250L640 250L642 256L648 253L648 251L653 246L658 246L662 250L659 253L660 254L655 258L656 259L653 261L657 263L657 265L656 264L656 266L655 265L653 269L658 266L659 267L658 266L664 261L672 258zM665 263L665 263zM662 264L662 264zM665 263L666 264L665 263zM666 266L665 265L666 266zM668 260L667 261L668 260zM664 263L664 264zM650 250L650 250zM668 261L668 261zM669 266L669 266zM673 258L674 258z" id="辽宁省"/><path class="leaflet-interactive" stroke="#999" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#e0e0e0" fill-rule="evenodd" d="M721 230L723 223L725 223L729 229L729 227L727 226L731 225L734 222L735 219L727 216L727 212L725 214L723 212L719 214L718 217L716 217L712 211L711 206L708 209L709 210L706 211L703 205L700 206L701 201L699 199L691 199L689 195L685 197L683 195L680 196L676 192L676 188L674 186L670 186L666 189L666 193L663 190L660 191L658 189L657 192L660 194L662 199L660 201L662 209L664 210L669 206L672 215L672 217L670 217L672 219L674 218L677 221L678 220L678 223L680 225L682 222L683 223L685 231L687 233L688 232L686 234L686 238L688 238L687 239L690 242L690 246L693 245L699 236L703 240L710 241L708 234L716 234L719 229L721 230z" id="吉林省"/><path class="leaflet-interactive" stroke="#999" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#e0e0e0" fill-rule="evenodd" d="M672 187L676 187L676 191L680 196L683 195L685 197L689 195L691 199L699 199L701 201L700 206L703 205L707 211L709 211L708 208L711 206L712 211L716 217L718 217L718 215L723 212L725 214L727 212L727 216L733 219L734 212L732 203L739 198L748 201L749 200L749 196L756 185L755 184L758 176L757 175L762 170L762 162L765 160L749 164L746 167L745 166L746 167L744 169L733 170L729 165L731 163L728 158L730 155L726 155L719 148L716 149L713 146L707 147L705 145L705 138L703 138L702 131L699 128L700 125L698 125L699 122L697 121L698 120L695 116L696 115L692 107L693 106L689 104L690 103L688 101L682 101L672 95L657 97L656 98L658 102L653 108L656 109L657 112L659 112L662 109L666 113L665 116L668 125L683 124L685 120L692 127L690 135L685 142L686 150L682 152L680 165L678 159L667 170L664 171L663 174L668 181L670 179L671 180L671 178L672 180L673 179L673 181L668 182L669 186L672 187z" id="黑龙江省"/><path class="leaflet-interactive" stroke="#999" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#e0e0e0" fill-rule="evenodd" d="M651 344L655 348L660 345L655 340L653 340L651 344zM659 339L654 336L653 337L656 340L660 340zM658 342L656 340L658 342zM658 341L661 342L658 341zM657 340L656 340zM659 343L659 342zM659 342L659 342z" id="上海市"/><path class="leaflet-interactive" stroke="#999" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#e0e0e0" fill-rule="evenodd" d="M622 311L621 312L618 307L614 309L621 315L624 315L626 319L628 319L627 324L629 324L631 328L635 326L637 328L636 331L632 329L633 332L630 336L632 338L633 337L633 339L635 339L633 342L639 342L638 343L642 343L648 347L655 339L653 338L654 336L659 339L659 336L651 328L647 315L639 309L637 305L634 306L631 312L629 312L627 309L625 311L622 311z" id="江苏省"/><path class="leaflet-interactive" stroke="#999" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#e0e0e0" fill-rule="evenodd" d="M631 370L634 371L634 377L637 378L641 375L642 378L646 377L648 380L649 376L653 374L652 371L653 372L657 370L657 362L660 361L658 357L661 355L657 354L652 349L654 347L651 344L648 347L642 343L640 347L637 348L639 350L636 351L634 353L635 354L628 361L628 363L631 366L631 369zM661 354L662 355L662 353L660 352L661 354zM661 352L661 353zM662 357L662 357zM663 347L663 347zM661 351L662 352L661 351zM662 352L662 351zM660 362L660 361zM663 355L663 355zM663 350L663 350zM658 365L659 365zM662 355L662 356zM658 362L658 362zM653 376L653 376zM659 347L660 348L659 347zM659 368L659 368zM661 357L660 356L661 357zM663 354L663 355zM664 348L664 348zM659 368L659 368zM660 352L660 352zM663 354L663 354zM658 354L659 353L658 354zM652 377L652 377zM659 361L660 362L659 361zM660 356L660 357zM659 353L659 353zM659 351L659 351zM661 354L661 354zM662 357L662 356zM653 374L653 374zM666 353L666 353zM662 351L662 351zM662 355L662 355zM666 347L666 347zM652 373L653 372L652 373zM653 373L654 372L653 373zM663 354L663 354zM666 347L666 347zM661 354L662 354zM660 354L660 354zM652 373L652 372zM663 355L663 355zM661 354L661 354z" id="浙江省"/><path class="leaflet-interactive" stroke="#999" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#e0e0e0" fill-rule="evenodd" d="M616 316L617 317L613 319L609 315L609 320L607 320L606 323L602 325L605 328L605 330L611 330L611 337L609 337L606 340L610 344L612 344L609 348L613 356L616 355L616 353L619 355L617 357L618 358L621 355L623 355L624 358L631 359L635 354L634 353L639 350L637 348L639 348L641 344L638 343L639 342L633 342L635 340L631 336L633 332L632 329L636 331L637 328L635 326L631 328L629 324L627 324L629 319L625 319L626 317L624 315L620 315L615 310L613 311L614 313L616 313L616 316zM634 340L635 340zM617 357L617 357zM607 331L607 331z" id="安徽省"/><path class="leaflet-interactive" stroke="#999" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#e0e0e0" fill-rule="evenodd" d="M636 400L635 397L637 399L636 398L639 397L637 397L637 395L643 395L639 393L641 393L641 389L643 387L641 385L643 385L643 383L644 384L642 386L645 385L644 384L647 381L647 379L642 379L640 375L638 378L635 377L633 369L630 370L630 372L626 374L623 373L620 376L621 378L616 383L617 386L615 390L612 392L610 400L614 400L616 402L615 403L618 402L619 409L622 412L629 406L628 403L632 404L634 402L633 401L636 400zM631 404L630 405L631 404zM639 398L640 397L639 398zM640 394L640 394zM643 389L643 388zM629 405L629 404zM643 384L643 384zM629 404L628 403L629 404zM643 389L643 389zM641 389L640 389zM644 386L644 386zM641 394L641 393zM642 385L642 385zM645 385L645 385zM646 382L646 382zM645 383L645 383zM641 385L642 384L641 385z" id="福建省"/><path class="leaflet-interactive" stroke="#999" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#e0e0e0" fill-rule="evenodd" d="M629 360L628 358L624 358L623 355L621 355L618 358L617 357L619 355L617 353L611 357L607 355L607 357L605 357L602 360L598 360L595 363L597 365L597 370L593 374L592 378L594 378L593 381L596 386L595 388L597 388L595 396L601 397L597 402L599 404L606 401L609 403L610 402L612 393L617 386L616 383L621 379L620 376L623 373L626 374L631 371L631 367L628 363L629 360z" id="江西省"/><path class="leaflet-interactive" stroke="#999" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#e0e0e0" fill-rule="evenodd" d="M614 310L615 307L618 306L621 311L625 311L627 309L630 312L632 309L634 309L633 308L635 306L639 305L639 303L646 296L646 294L646 296L649 295L650 292L651 293L650 290L651 291L659 287L662 288L665 282L655 282L655 280L649 278L645 279L646 280L642 283L642 285L638 285L635 281L638 280L638 278L635 275L632 276L627 273L622 278L618 278L615 281L614 280L614 282L613 281L614 282L611 283L611 285L606 290L606 299L612 295L612 297L610 297L602 305L609 311L614 310zM649 277L650 277zM649 276L649 276zM652 292L651 292zM650 275L650 274zM651 273L651 272zM645 299L645 298zM649 277L648 276zM650 273L650 273zM656 280L656 280zM656 280L656 280zM656 280L656 280zM607 297L607 297z" id="山东省"/><path class="leaflet-interactive" stroke="#999" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#e0e0e0" fill-rule="evenodd" d="M585 332L588 331L591 333L593 331L595 338L600 338L601 340L604 339L606 341L607 338L611 337L611 331L607 331L605 327L602 326L606 324L609 315L613 319L617 317L613 310L607 310L607 308L605 308L604 306L603 307L602 304L612 296L607 297L606 299L607 296L605 294L603 296L594 293L592 300L587 304L580 303L579 306L566 311L573 327L580 332L584 332zM593 332L593 333z" id="河南省"/><path class="leaflet-interactive" stroke="#999" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#e0e0e0" fill-rule="evenodd" d="M572 324L559 324L562 327L564 327L563 330L560 329L559 333L560 338L564 341L565 345L558 349L550 349L552 352L550 356L552 356L555 359L554 360L556 359L557 362L558 359L560 357L561 358L561 356L568 357L568 353L578 355L581 358L585 358L587 356L588 359L592 355L592 361L594 363L597 360L603 360L602 359L608 355L611 357L612 356L612 352L610 350L610 346L612 344L608 343L604 339L601 340L600 337L595 338L593 332L580 332L577 329L576 330L572 324zM556 349L556 349zM572 324L572 324zM585 332L585 332zM586 356L587 356z" id="湖北省"/><path class="leaflet-interactive" stroke="#999" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#e0e0e0" fill-rule="evenodd" d="M579 402L581 398L585 398L585 400L587 400L586 397L588 395L592 397L595 394L595 390L597 389L595 389L596 386L594 384L594 378L592 378L592 376L593 373L596 372L595 371L597 369L597 365L594 362L593 363L592 356L588 359L587 356L585 358L581 358L578 355L567 353L567 357L559 357L557 361L557 372L559 376L557 378L556 377L556 379L553 381L558 380L560 382L560 384L558 384L557 387L562 392L562 389L566 391L568 388L574 388L573 391L575 391L571 400L575 398L575 402L579 401zM559 384L559 384z" id="湖南省"/><path class="leaflet-interactive" stroke="#999" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#e0e0e0" fill-rule="evenodd" d="M592 424L593 420L599 422L600 419L602 421L605 418L607 420L609 418L615 418L618 415L618 413L621 412L618 402L615 403L616 402L614 400L610 400L610 403L608 403L607 401L599 404L597 402L601 398L600 396L595 397L595 395L589 395L587 397L586 396L588 398L586 400L584 398L580 399L581 400L579 402L579 408L574 413L575 416L572 420L569 421L568 424L566 424L565 427L564 426L562 429L561 428L562 431L560 435L562 441L566 441L568 439L565 436L567 432L579 429L581 427L589 427L592 424zM620 413L620 413zM586 428L585 429L586 428zM583 429L584 429zM597 425L597 425zM567 433L568 434L568 432L567 433zM583 429L583 428zM567 434L565 434L568 434zM593 426L593 426zM593 426L593 426zM588 427L588 427zM594 422L594 422zM597 426L597 426zM597 426L596 426zM618 436L619 437L617 438L619 438L618 436zM587 427L587 427zM566 437L566 437zM568 435L568 435zM568 440L568 440zM611 433L612 434L611 433zM611 434L611 434zM610 419L610 419zM610 419L610 419z" id="广东省"/><path class="leaflet-interactive" stroke="#999" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#e0e0e0" fill-rule="evenodd" d="M559 390L558 393L555 392L554 393L556 393L554 395L553 394L552 397L551 395L549 395L548 398L546 398L540 394L538 398L531 402L524 399L521 403L519 403L526 408L531 407L533 409L532 412L530 412L527 415L530 418L535 417L537 419L535 423L537 424L536 426L547 430L552 428L555 429L555 431L557 431L560 429L561 430L561 428L562 429L565 426L566 427L566 425L569 424L569 422L575 417L575 411L579 409L578 407L580 405L578 401L575 403L574 398L572 400L571 399L575 392L573 392L573 388L568 388L565 391L563 389L562 392L559 390zM524 400L524 400zM556 434L556 434z" id="广西壮族自治区"/><path class="leaflet-interactive" stroke="#999" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#e0e0e0" fill-rule="evenodd" d="M564 443L557 444L552 449L552 455L554 457L560 459L568 453L568 450L572 446L569 442L564 442zM581 576L581 576zM589 542L590 541zM579 576L579 576zM575 468L576 467L575 468zM625 484L625 483zM581 575L581 575zM577 475L578 475zM576 475L577 475zM594 546L598 546L600 544L599 543L595 546zM595 535L596 536L595 535zM595 536L595 536zM579 474L579 474zM577 473L578 472L577 473zM581 536L581 536zM594 548L594 548zM597 536L597 536zM581 468L582 469L581 468zM601 523L601 523zM610 529L610 528zM600 527L601 526zM593 546L594 545zM559 548L561 546L563 547L559 547zM614 535L614 535zM583 477L584 476L583 477zM584 536L584 536zM599 519L600 519zM583 474L583 474zM615 523L616 523zM582 469L582 469zM575 473L576 473zM607 527L608 527zM601 541L601 541zM599 542L600 541zM605 539L606 540L605 539zM594 543L595 542zM607 531L607 531zM615 533L615 533zM592 535L593 534L592 535zM601 518L602 517L601 518zM600 515L600 514zM603 519L603 519zM576 473L576 473zM595 535L595 536zM563 544L563 543zM617 514L618 515L617 514zM577 472L577 472zM583 473L584 472L583 473zM577 476L578 476zM594 526L594 525zM602 541L602 541zM616 528L616 529zM606 525L606 525zM618 522L618 522zM601 475L601 475zM611 532L611 532zM593 533L593 533zM601 546L601 546zM599 520L600 520zM626 520L626 520zM597 524L597 524zM601 514L601 514zM617 522L617 522zM567 542L568 541L567 542zM575 538L575 538zM605 538L606 538zM589 542L589 542zM596 519L596 519zM622 524L622 523zM597 476L597 476zM568 542L568 542zM607 539L608 538zM576 546L576 546zM576 537L577 537zM567 544L567 544zM582 535L582 535zM615 528L615 528zM579 542L579 542zM599 480L599 480zM603 517L604 517zM596 477L596 477zM612 526L612 525zM622 521L622 520zM602 549L602 549zM586 535L586 535zM577 545L577 545zM581 536L581 536zM583 560L584 560zM600 536L600 535zM602 543L602 542zM587 539L587 539zM592 551L592 551zM617 474L617 474zM622 526L622 525zM587 447L587 447zM599 476L599 476zM594 450L594 450zM584 566L585 566zM576 543L576 543zM581 535L582 535zM586 544L587 544zM584 562L584 562zM583 562L583 561zM606 494L606 494zM592 524L592 524zM594 481L594 481zM587 567L587 567zM584 566L584 566zM582 562L582 562zM581 470L581 470zM581 479L581 479zM584 564L584 564zM583 561L583 561zM589 556L589 556zM613 530L613 530zM603 547L603 546zM576 544L576 544zM595 478L595 478zM603 476L603 477zM617 534L617 534zM584 473L585 473zM573 444L573 444zM609 523L610 523zM621 520L621 521zM585 474L585 474zM610 522L610 522zM583 530L584 530zM600 480L600 480zM622 517L622 518zM625 518L625 518zM597 531L597 531zM601 528L601 529zM584 559L584 559z" id="海南省"/><path class="leaflet-interactive" stroke="#999" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#e0e0e0" fill-rule="evenodd" d="M534 368L535 365L536 368L540 364L541 365L543 361L545 361L546 364L550 362L550 366L552 366L552 368L555 371L558 367L558 363L556 359L554 359L554 357L550 356L552 352L550 350L552 350L553 348L556 349L564 346L565 343L563 340L561 338L557 338L555 335L551 333L551 335L549 335L551 339L547 343L548 342L546 347L542 347L543 348L539 354L537 354L536 351L533 352L529 350L529 352L527 352L529 354L526 360L529 361L529 363L531 363L534 367zM556 348L556 349zM528 353L528 353zM556 349L556 349zM539 354L539 354z" id="重庆市"/><path class="leaflet-interactive" stroke="#999" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#e0e0e0" fill-rule="evenodd" d="M492 380L497 390L506 387L506 379L511 374L511 370L512 371L514 369L513 368L517 366L517 370L519 370L517 372L519 374L525 372L526 375L533 375L533 371L529 369L528 370L528 368L531 365L534 368L533 364L529 364L529 362L525 358L529 355L528 352L527 353L530 350L533 352L536 351L536 353L539 354L543 347L547 346L547 342L551 339L549 335L551 335L551 333L547 333L544 331L543 332L543 330L540 331L539 328L532 329L532 327L530 327L528 329L527 326L526 329L520 329L517 326L518 323L516 319L509 318L506 313L501 316L503 320L498 325L497 320L496 325L492 323L493 328L487 330L485 328L484 329L482 325L481 328L474 325L470 315L464 315L462 319L465 322L462 324L463 325L461 327L469 333L473 341L471 343L474 347L476 368L478 371L478 367L480 365L484 369L483 372L486 375L488 373L492 380zM533 352L533 352zM539 353L539 353zM527 352L527 352z" id="四川省"/><path class="leaflet-interactive" stroke="#999" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#e0e0e0" fill-rule="evenodd" d="M557 368L556 371L554 371L553 368L552 369L552 367L550 366L550 362L546 364L546 362L543 361L542 364L540 364L536 368L535 365L534 368L531 365L528 368L528 370L529 369L533 371L533 374L527 374L524 378L521 379L518 377L516 379L514 377L512 381L513 386L520 385L517 394L520 397L522 397L519 401L521 403L525 399L531 403L533 401L532 400L538 398L540 394L542 395L542 397L547 398L549 396L548 395L552 396L552 394L554 395L556 393L554 393L555 392L558 393L559 388L557 388L557 384L559 384L559 380L554 381L556 379L555 378L559 376L557 368zM559 383L559 383zM559 384L560 384z" id="贵州省"/><path class="leaflet-interactive" stroke="#999" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#e0e0e0" fill-rule="evenodd" d="M525 375L523 371L522 373L519 374L517 372L519 370L517 370L518 367L514 367L514 369L512 371L511 370L510 375L506 379L507 386L504 389L504 387L498 390L491 380L489 376L490 375L488 373L486 375L483 372L484 369L480 365L478 367L478 371L476 369L476 361L474 361L474 365L472 363L471 366L473 369L471 371L469 369L468 370L469 377L472 376L473 379L473 389L471 389L472 391L464 399L465 400L463 404L465 406L463 408L464 409L468 407L474 407L472 409L474 412L473 413L475 416L479 416L476 424L481 425L485 430L489 430L491 428L493 430L492 431L496 433L497 428L495 423L497 421L500 422L503 419L507 422L510 419L514 421L517 418L518 420L522 418L521 417L524 414L527 415L530 412L532 412L533 409L531 407L526 408L523 404L519 404L521 399L521 397L518 394L520 385L518 384L514 386L512 383L514 377L516 379L518 377L522 379L525 376z" id="云南省"/><path class="leaflet-interactive" stroke="#999" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#e0e0e0" fill-rule="evenodd" d="M400 295L391 292L381 292L373 294L370 299L369 298L367 300L364 298L355 303L346 302L345 299L341 299L341 301L339 301L337 304L325 302L325 304L323 306L322 305L321 310L319 312L315 312L311 316L311 320L316 327L315 332L313 332L312 329L309 330L309 334L312 336L312 342L315 345L318 344L323 349L324 348L328 350L332 354L334 350L339 351L351 362L353 360L356 361L355 362L360 367L363 366L365 370L368 369L370 373L372 371L372 373L376 371L379 374L387 374L389 372L393 372L392 377L394 379L401 370L409 372L411 374L413 372L415 376L419 378L420 383L431 382L437 376L442 375L445 373L445 371L448 370L452 370L459 374L462 372L461 371L463 367L468 371L468 369L472 371L472 363L474 365L474 361L476 361L474 352L475 351L473 344L471 342L474 341L470 337L468 331L461 330L462 333L461 332L460 335L456 335L457 338L453 336L452 339L450 337L447 338L445 336L446 333L443 333L444 332L439 329L431 331L426 328L420 328L415 325L409 325L405 323L399 316L401 314L401 307L399 307L398 304L401 298L397 296L400 295z" id="西藏自治区"/><path class="leaflet-interactive" stroke="#999" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#e0e0e0" fill-rule="evenodd" d="M566 310L565 307L568 300L566 286L570 280L567 274L571 270L571 266L573 263L572 260L568 263L564 261L565 262L563 264L562 263L563 264L556 271L556 276L554 276L552 280L548 280L545 277L541 281L541 287L548 291L549 290L552 293L552 303L545 303L545 307L535 305L536 308L534 310L537 313L535 313L536 315L534 317L536 320L530 320L529 323L531 324L529 327L527 327L531 327L533 329L539 328L540 331L543 330L543 332L544 331L547 334L550 333L560 338L559 331L561 329L565 329L562 326L561 327L561 325L559 324L568 323L569 325L571 323L566 310zM571 321L571 321zM532 328L532 328z" id="陕西省"/><path class="leaflet-interactive" stroke="#999" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#e0e0e0" fill-rule="evenodd" d="M535 299L534 304L530 302L531 301L529 301L526 298L526 288L519 282L514 281L512 278L510 278L510 272L514 270L517 265L515 261L510 262L507 265L502 263L499 264L499 267L497 269L490 266L489 262L487 262L481 257L478 257L483 253L485 249L484 246L476 246L476 248L475 247L472 249L472 247L469 249L469 246L466 244L464 240L464 234L460 225L452 227L450 229L452 232L451 235L445 238L442 237L434 244L432 248L426 249L424 259L421 263L422 266L424 264L428 264L428 267L432 267L434 269L437 268L439 272L448 272L452 275L454 273L456 274L456 272L459 269L459 264L468 268L469 265L471 267L473 265L476 266L475 267L482 273L484 274L484 271L487 274L488 273L492 278L500 280L507 296L498 308L498 310L501 313L497 315L490 312L489 313L492 319L497 321L498 320L498 324L501 323L500 322L502 322L503 320L501 319L500 316L502 316L505 313L508 315L509 318L516 319L518 323L517 326L520 329L526 329L527 326L530 326L530 320L536 320L535 313L537 313L534 310L536 308L535 305L544 307L546 306L544 304L545 303L551 304L551 298L553 296L552 292L543 288L540 285L536 285L536 289L534 291L535 294L539 296L538 299L536 299zM531 301L532 301zM505 293L506 293zM532 302L532 302zM535 299L535 299z" id="甘肃省"/><path class="leaflet-interactive" stroke="#999" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#e0e0e0" fill-rule="evenodd" d="M505 293L505 289L499 279L498 280L496 278L492 278L490 274L489 275L484 271L484 273L482 273L474 265L472 265L471 267L469 265L467 268L462 264L458 264L459 269L456 272L456 274L454 273L452 275L448 272L439 273L437 268L434 269L432 267L428 267L428 265L425 264L413 269L408 269L403 272L404 274L407 273L406 279L413 285L408 288L408 290L411 291L411 294L409 296L403 294L401 296L397 296L401 298L398 303L398 305L401 308L401 314L399 316L405 323L409 325L412 324L420 328L429 329L431 331L439 329L446 334L445 336L447 338L450 337L452 339L453 336L457 338L456 335L457 336L460 335L461 332L462 333L461 330L463 330L462 325L464 322L462 318L465 314L470 316L473 323L477 327L480 328L482 326L484 328L483 329L486 328L488 330L493 328L492 323L495 323L496 325L497 321L493 319L489 314L491 312L496 315L501 313L498 310L498 308L502 304L501 303L505 301L504 299L507 296L506 293z" id="青海省"/><path class="leaflet-interactive" stroke="#999" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#e0e0e0" fill-rule="evenodd" d="M541 285L541 281L544 278L541 275L535 273L539 266L537 262L533 263L533 265L532 264L530 268L530 276L528 279L517 282L519 282L526 289L525 290L527 294L527 299L529 299L529 301L531 301L534 304L534 299L538 299L539 296L535 293L535 287L537 285L541 285zM531 301L531 302zM532 302L532 302z" id="宁夏回族自治区"/><path class="leaflet-interactive" stroke="#999" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#e0e0e0" fill-rule="evenodd" d="M454 226L450 221L447 212L445 212L446 209L442 209L430 201L420 201L414 199L413 200L411 198L410 199L408 194L411 189L409 186L411 182L410 178L408 178L404 169L398 165L395 166L391 164L391 162L386 158L387 157L384 156L384 151L382 153L377 152L377 156L372 161L370 160L366 164L368 173L366 177L362 179L353 178L346 175L340 193L340 195L343 197L342 199L337 198L336 196L334 198L327 200L326 199L321 202L325 205L325 211L328 218L328 221L325 223L326 224L323 227L324 232L319 236L307 241L306 243L304 243L304 245L297 245L292 252L289 251L287 253L287 249L283 251L280 250L281 252L279 252L276 255L275 254L272 257L273 260L270 261L271 266L272 265L271 268L274 271L275 269L280 271L282 279L281 280L283 282L281 284L277 284L288 289L290 291L289 296L292 298L293 297L301 302L306 301L306 305L308 307L307 309L313 313L321 311L322 306L325 304L325 302L337 304L342 299L344 299L347 302L352 303L364 298L366 300L369 299L374 294L378 294L381 292L391 292L401 296L403 294L409 296L411 292L408 289L413 285L407 279L407 273L404 274L403 271L421 266L426 249L432 248L436 242L442 237L444 237L445 239L447 236L449 236L452 232L450 229L452 227z" id="新疆维吾尔自治区"/><path class="leaflet-interactive" stroke="#999" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#e0e0e0" fill-rule="evenodd" d="M647 422L650 427L651 421L655 416L659 404L659 398L653 398L648 404L646 410L644 411L646 421zM680 391L680 391zM671 393L672 392L671 393zM641 412L640 413zM673 391L673 391zM640 411L639 412L640 411zM640 414L640 414zM640 411L640 411zM660 394L660 394zM655 420L656 420zM656 425L656 425zM660 395L661 395zM639 415L639 415zM646 423L647 423z" id="台湾省"/><path class="leaflet-interactive" stroke="#999" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#e0e0e0" fill-rule="evenodd" d="M596 421L596 423L594 423L595 424L599 422L596 421zM596 424L597 424zM598 422L598 422zM598 422L598 422zM598 422L598 422zM598 423L598 423zM598 422L598 422zM598 423L598 423zM598 423L598 423z" id="香港特别行政区"/><path class="leaflet-interactive" stroke="#999" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#e0e0e0" fill-rule="evenodd" d="M592 425L592 424zM592 424L592 424z" id="澳门特别行政区"/><path class="leaflet-interactive" stroke="#999" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#e0e0e0" fill-rule="evenodd" d="M664 413L666 403L664 413zM653 436L659 428L653 436zM639 460L644 451L639 460zM636 485L636 476L636 485zM633 517L632 519L635 510L634 513zM608 550L613 543L608 550zM582 579L578 580L586 577L583 578zM549 558L550 559L549 551L549 558zM564 515L566 512L566 508L565 514zM562 483L558 475L561 481z" id="100000_JD"/></g>
<use xlink:href="" id="order"/>
</svg>
<div id="regionTitle"></div>
<script>
let order = document.getElementById('order')
let svg = document.getElementById('map')
console.log(svg)
var paths = []
for(let g of svg.children) {
console.log(g.children.length)
for(let p of g.children) {
console.log(p.id)
if (['国界','争议','港澳','海洋','省界','100000_JD'].indexOf(p.id) < 0) {
let r = Math.floor(Math.random() * 255)
let g = Math.floor(Math.random() * 255)
let b = Math.floor(Math.random() * 255)
// p.style.fill = `rgba(${r},${g},${b},1)`
p.style.fill = `#e0e0e0`
p.addEventListener('mouseover', () => {
for(let pp of paths) {
pp.style.filter = ''
pp.style.stroke = '#999'
}
p.style.filter = 'drop-shadow(2px 2px 6px #bebebe) drop-shadow(-2px -2px 6px #ffffff)'
p.style.stroke = '#e0e0e0'
order.setAttribute(`xlink:href`,`#${p.id}`)
let region = document.getElementById('regionTitle')
region.innerText = p.id
})
paths.push(p)
}
}
}
</script>
</body>
</html>