码迷,mamicode.com
首页 > 其他好文 > 详细

用SVGDeveloper制作svg地图

时间:2020-03-31 14:02:42      阅读:83      评论:0      收藏:0      [点我收藏+]

标签:移动   通过   点击   背景图片   18C   并且   fill   位置   family   

项目中需要实现巴蜀地区图,并且将其分为川东、川西、川南、川北四个区域,鼠标悬浮对应区域的区块改变颜色。经过网上查询资料,并未找到现成的区域图,于是就利用SVGDeveloper工具绘制。

一、绘制地图

       1、首先找一张地图作为绘制模板;
       2、新建svg文件:File --> New --> svg 点击ok;
       3、修改svg画布大小,和使用的地图模板一致;
       4、点击图片按钮,然后将鼠标移到画布左上角,一直拉到右下角,尽量使选中的区域与画布重合。松开鼠标,会自动弹出选择参考图片。
       5、如果图片与画布未重合,使用键盘上的方向键移动图片,调好后,点一下黑色箭头。
       6、抠取区域路径。
          -- 为了轮廓更清晰,准确。我们放大到500%;
          -- 选中钢笔,这个是点路径用的,把填充颜色调至无,边框蓝色(也可以是其他比较鲜艳的颜色,以便区分边界);
          -- 使用钢笔,在图片上选取路径,逐个点。如果点错了,就ctrl+z 撤销几步。点取过程中可以使用鼠标滚轮,和下面的滚动条调整显示区域。
       7、给区域添加文字:选中text工具,在对应的位置上点击后输入文字,如果位置需要调整,可以修改代码中text标签里对应的x,y值,也可以,点击黑色箭头,选中文字后拖到对应位置。
       8、给路径和文本框添加id属性,以便后面做效果使用。

       9、最后保存为svg文件(注意:保存的时候是把图片模板也一起保存了的,在代码里找到image标签,删除即可)。

二、实现hover效果

      因为要链接到其他页面,需要添加a标签,实现方式就是在对应的path或text标签外包裹一层a标签即可。

       1. 对于空白区域(没有文字及城市分隔线),直接使用css样式即可,例如一个区域对应的path标签的id是cx
            #cx:hover{fill:#e88736} 

       2.如果有文字及分隔线,那么只用上面的css样式,是不行的,当点击文字或者分隔线时,区域颜色并不改变,原因是它们并不属于一个层。那么你是不是以为只需要对文字和分隔线也加上上述样式就可以了?像这样#cx-txt:hover #cx{fill:#e88736},很可惜,并没有效果。不过,经尝试后,可以通过js来实现。

$("#cx-txt").hover(function(){
      $("#cx").attr("fill","#e88736");
},function(){
     $("#cx").attr("fill","#ec9b57");
})

三、兼容性问题

       svg是html5的标签,支持ie9+,对于ie8-的浏览器,我使用了image标签降级技术

<svg width="681" height="510">
       <image xlink:href="map.svg" src="map.png" width="681" height="510" />
</svg>

      现代浏览器下,例如Chrome下,就是SVG形式显示,IE7,8下则是png图片显示的效果。
      有一点问题就是,因为要在css,js中操作svg,必须将svg内容直接嵌入到html中,我上述的话,chrome,ff这些浏览器相当于加载了两个svg,一个外部引入,一个内嵌,会影响打开速度,有尝试过对ie8-,svg父元素div设置背景图片,但是并没有效果,暂未找到好的解决方法。

四、一点疑问

      在绘制区域路径时,因为地图各个区域都是紧密接合的,当我绘制的区域和旁边的区域相邻时,也就是说有一部分路径是重合的,经常会无法闭合路径,具体原因待进一步考查。

五、svg代码及效果图

<svg width="681" height="510"  version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" stroke="#bab66b" fill="none">

                <a xlink:href="#">
                    <path id="cd" d="M594 127L596 127C598 127 599 128 599 128C600 129 601 130 601 130C603 130 603 131 603 131L605 132L606 134C607 134 609 135 609 135C611 135 612 135 612 135C612 136 614 137 614 137L616 137L617 138L619 139L621 140L623 141L624 143C625 143 626 145 626 145L627 146L627 148C627 149 629 149 629 149L629 150L631 150L633 151L635 151L638 150L640 151L643 150L645 150C647 150 649 150 649 150L651 150C652 150 653 151 653 151L654 152L654 154L654 156L654 158C653 159 654 160 654 160C655 160 657 160 657 160L659 161L659 162C660 162 662 162 662 162L662 163L664 163L666 165L668 166L670 167C671 167 672 168 672 168C674 168 674 168 674 168C676 168 676 170 676 170L676 171L677 173L678 175C678 176 678 176 678 177L678 179C679 179 679 181 679 181L680 183L680 185C679 185 678 186 678 186L677 187L676 190C677 190 678 192 678 192L679 194L678 197C679 197 679 199 679 199L678 200L678 202L677 204L677 206C676 206 676 208 676 208C674 209 673 209 673 209L672 208L671 207L671 205L670 204L670 202C668 202 667 202 667 202L665 202L663 202L662 203L660 204C658 204 658 205 658 205C657 206 655 206 655 206L655 208C654 209 653 211 653 211L651 213L649 216L647 216L646 217L645 218L644 219L643 221L642 222L642 223C641 224 640 225 640 225L638 227C637 228 636 229 636 229L634 229L634 227L634 225L634 223L633 221C632 221 631 221 631 221C630 222 630 223 630 223C630 224 630 224 630 224L629 225C628 226 626 227 626 227L624 227C622 226 621 226 621 226L620 224L620 223L621 221L620 220C619 219 618 219 618 219C617 220 617 220 617 220L615 221C615 222 613 223 613 223C613 223 611 223 611 224L611 225C611 225 611 227 610 227C610 228 608 229 608 229C607 230 605 230 605 230L602 230C600 230 599 228 599 228C599 227 599 226 599 226L597 226C596 225 595 226 595 226C595 227 594 229 594 229C594 229 594 230 593 230C592 231 591 232 591 232L589 231L587 230L585 230L584 232L584 235L583 237L585 237L587 238C587 238 590 239 589 239C589 239 590 239 590 240C590 241 592 243 592 243L592 246L591 249L592 251C592 251 592 252 592 253C592 254 591 255 591 255C591 255 591 255 590 256C590 258 590 262 590 262L591 265C591 265 591 266 591 267L590 269L589 270L586 269C584 270 584 270 584 270L584 272C584 273 585 274 585 274L586 275L587 277L590 278L590 276L590 274L591 272L592 270L593 269L594 267C596 266 597 266 597 266L598 267L599 269L598 270C598 271 598 272 598 272L598 275L599 277L599 278C599 279 599 279 599 279C600 279 602 280 602 280L604 281C605 282 606 281 606 281L608 282L610 283L611 285C613 286 613 287 613 287L613 289C612 290 611 292 611 292L611 293L612 295L614 295L615 296L614 298L614 299L613 300L613 302C615 302 616 301 616 301L618 300L620 298L620 297L622 296L624 297L624 299C624 300 625 302 625 302L625 303L625 304L625 306L625 307L625 309C625 310 626 310 626 310C628 310 628 310 628 310C629 310 630 312 630 312C631 313 632 314 632 314L633 316C635 316 635.3492 316.2408 636 317C637 318 637 320 637 320C637 321 635 323 635 323L634 326L632 327C632 328 632 330 632 330L632 332L633 333L635 335C636 336 636 336 636 336L637 337C638 338 639 340 639 340L638 341C636 341 635 342 635 342C634 342 634 344 634 344L636 344L638 344C639 344 640 345 640 345L640 347C639 348 638 348 638 348L638 349C638 349 638 350 638 351L637 353L636 354L634 354C633 355 632 355 632 355L633 357L632 358C630 358 630 359 630 359L631 360L632 362C631 363 631 364 631 364L631 365C630 365 630 367 630 367L630 368L629 369L629 370L628 372L626 371C625 371 623 371 623 371L622 372C620 372 618 372 618 372L617 371C615 371 615 371 615 371C613 372 611 371 611 371L610 370C609 370 608 371 608 371C607 371 606 371 606 371L605 369L605 366L606 364L606 362L606 359C606 358 606 357 606 357L605 355C604 355 603 356 603 356L601 356L601 357L600 358C601 358 602 360 602 360L602 362L602 364L599 365L596 364L595 361L595 359L597 358L596 357L595 356C595 355 595 353 595 353L595 352L595 349L597 347L597 345C596 345 593 347 593 347L590 346L587 345L584 344C582 344 583 341 583 341L582 339C582 339 582 338 583 338C583 337 583 335 583 335L582 334C582 334 581 333 581 332L581 329L581 326C580 326 579 324 579 324L579 322L578 320C576 321 575.9702 322.2426 575 322C573 322 572 320 572 320C571 321 570 321 570 321L569 320C568 319 567 319 567 319C566 320 566 320 565 320L564 321L564 322L562 322L562 323L560 324L559 323C558 324 557 325 557 325C557 326 554 326 554 326L552 324L552 322L552 320L551 318L550 316L550 314L548 314C548 314 546 313 546 314C545 314 542 314 542 314L539 313C539 312 537 313 537 313L535 313C534 312 533 312 533 312L531 312L532 315L532 317L530 319C530 320 530 320 530 320L530 322C529 323 529 324 529 324C530 325 531 326 531 326L533 327C533 327 533 328 533 329L531 330C530 331 530 332 530 332L530 333C528 333 528 334 528 334L527 335C525 335 525 337 525 337C524 337 522 338 522 338C521 338 519 337 519 337L518 334L517 332L516 330C515 331 514 331 514 331L512 331L510 331C508 332 508 333 508 333L508 335L508 336L508 337L506 338L505 337C504 337 504 338 504 338C503 339 502 339 502 339L502 341L504 341L505 342L505 343C505 344 505 346 505 346L503 347L502 348L500 349C500 350 500 351 500 351L499 353C498 354 499 355 499 355C499 356 499 357 499 357C500 358 498 359 498 359L495 358L493 357C492 358 491 356 491 356C489 356 489 354 489 354L489 351L489 349C490 349 491 348 491 348L490 346C489 345 488 345 488 345L488 343C487 343 486 341 486 341L485 339L484 338L482 337C481 338 482 340 482 340C483 341 483 342 483 342L484 343C486 343 486 345 486 345L486 346L486 348L486 350C485 350 484 351 484 351C483 351 483 353 483 353L483 355L482 351L481 350L481 346L479 343L479 339L479 336L479 334L477 332L475 331L471 331L467 331L465 330L463 328C463 327 462 325 462 325C460 325 459 325 459 325C457 326 457 327 457 327L456 329C456 329 455 330 454 330C453 329 451 329 451 329L451 326L450 323L450 320L448 318L447 316L448 313L448 311L448 309L446 308L445 309L442 310L439 310L436 311L434 311L432 311L430 310L430 308L429 306L428 304L427 301L428 300L426 298C426 298 425 297 424 297L422 297L421 296L420 294L420 292L420 291L422 290L424 288L426 287L427 285L427 283L428 282L430 281C432 281 433 281 434 281L436 280L437 277L438 275L440 274L443 272L443 269L444 266L444 264L442 261L441 259L439 258L437 256L435 255L435 252L437 251C439 250 441 249 441 249L442 247L443 245L444 243L445 241L448 241C449 241 453 241 453 241C455 241 456 241 456 241C457 241 460 241 460 242L462 244C463 245 465 245 465 245L466 246L468 246L469 248L470 250C471 251 471 252 471 252L472 253L474 254C476 254 477 253 477 253L479 253L483 252L485 252C486 251 489 253 489 253L491 255L492 257L495 260L497 263L500 264L503 263L506 262L509 260L511 258L509 256L507 253L504 249L501 247L501 245L500 242L498 241L496 240L492 240C491 241 489 240 489 240L488 238L487 236L487 234L488 233L490 231L492 230L496 229C497 229 501 228 501 228C503 227 504 227 504 227L506 227L508 226L511 226L514 225L516 224L513 223L512 221C510 220 510 219 510 219L508 218L506 217L504 216C504 216 502 214 501 214C501 213 500 212 500 212L497 211L496 210L496 208L496 206C496 206 497 206 498 206C499 206 502 201 502 201L504 199L506 196L509 194L510 192L510 191L511 190L513 191L515 191L518 191L522 192L523 193L524 195L524 196C524 197 524 200 524 200L525 202L525 203L529 203L532 205C533 205 535 204 535 204L537 205C539 206 539 207 539 207L540 208L542 208L545 208L548 208L548 210C549 210 551 211 551 211L554 210L555 211C555 212 556 212 556 212L558 213C559 213 561 211 561 211L563 209L565 206L567 203L568 200L569 198L571 195L570 192L570 189L572 188C572 188 573 187 573 186C573 185 573 182 573 182C573 182 573 181 572 180C572 179 573 178 573 178L575 175C575 175 576 173 576 172L576 170L578 168L581 168L585 167L588 165L591 163L593 162L594 160L594 157L594 154L592 151L589 150L587 149L585 147C585 147 584 146 583 145L581 143L581 140L581 137L582 135L584 135L585 133L583 132L581 131L581 128C583 127 585 127 585 127C586 127 589 127 589 127C589 127 594 127 594 127ZM850 266M925 355" fill="#A2C048" fill-opacity="1" stroke="#8E9883" stroke-width="0.5" xmlns="http://www.w3.org/2000/svg" />
                    <text id="cd-txt" x="505" y="279" xml:space="preserve" font-family="微软雅黑" font-size="20" fill="#000000" stroke="none" stroke-opacity="0" baseline-shift="baseline" transform="matrix(1,0,0,1,5,14)">川 东</text>
                </a>
                <a xlink:href="#">
                    <path id="cx" d="M4 26L3 24L4 23L5 22L7 22L8 21C10 20 11 20 11 20C13 19 14 19 14 19L16 19L17 18C18 17 20 16 20 16L22 17L24 19L25 21C24 22 23 23 23 23L23 24L23 25C24 25 25 25 25 25C27 25 28 24 28 24L30 23C32 22 34 21 34 21C36 20 37 20 37 20C39 19 41 20 41 20L44 20L47 20L49 21L51 23L51 24L51 25L52 26C54 25 54 24 54 24L56 24L59 24L60 25C61 25 63 27 63 27L63 29L64 30L65 32L67 33L69 35L70 37L71 39L70 41L70 42L72 44L71 46C72 46 74 46 74 46L75 48L76 51L76 53L77 57L78 60L78 62L79 64L79 65L80 67L81 69L83 71L85 72L88 73L90 74C91 75 93 74 93 74C94 75 95 75 95 75L97 76L99 77L100 78L101 79L101 80L101 82L102 83L102 85L103 86L105 87L107 87L109 86L111 87L113 88L115 88L116 90L118 91L120 91L121 92L124 92C125 93 126 94 126 94L127 96C129 97 128 93 128 93L129 91L130 89L128 87L127 84L128 82L130 83L132 83L134 83L134 79L135 78L137 77L138 79L139 80L139 81L140 82L140 84L142 84L144 84L146 87L147 90L149 91L149 93L150 94L150 96L150 98L149 99L147 100L148 101L149 102L151 103L153 103L153 101L153 99L154 97L156 96L158 96L160 96L162 96L164 95L165 96L167 98L168 101C169 102 170 103 170 103L170 106L169 108L168 110L167 112L167 115L168 117C170 117 170 119 170 119L170 123L171 125L173 127L174 129C175 129 178 129 178 129C179 129 180 131 180 131L179 133L180 136C181 136 183 138 183 138L184 141C185 141 185 142 185 142L186 144L189 144L191 144L192 143L194 145L194 147L194 150L193 152L190 154L189 156L187 157L188 158L190 158L192 161L194 164L196 166L197 169L198 172L198 173L199 174L201 174L203 173L205 172L207 172L207 173L208 176L208 178L208 180C209 180 212 181 212 181L214 182L217 182L219 183L222 182L225 182C227 181 228 180 228 180L230 181L231 183L232 184L233 185L234 186L236 187L238 186C239 186 240 188 240 188L241 189L241 191L241 193L241 195C242 196 244 196 244 196L247 196C248 195 249 197 249 197L250 198L250 199L252 199L254 197L255 196C256 196 257 198 257 198L257 201C257 202 258 204 258 204L257 206L256 208L254 210L253 212L253 214L253 216L253 217L252 219L251 221L250 223L251 224L253 226L255 226L257 227L258 228L260 229L262 228L264 226L266 224L268 222L270 223L272 224L273 223L274 220L276 218L277 216L279 214L281 214L284 214L286 213L286 210L287 209C288 208 291 208 291 208L293 208L295 209L296 210L296 212L297 214L297 217L298 218L299 219L300 220C302 220 304 219 304 219L305 217L307 216L309 215L311 215L313 215C314 215 316 216 316 216L316 217L315 219L315 220L315 223C314 223 314 225 314 225L314 227L313 229L314 230L314 231L314 232L314 235L311 237L310 238C309 239 309 240 309 240L310 242L310 244L309 245L307 246L307 248L308 251L309 252L311 252L312 251L314 250L316 252C317 252 318 251 318 251C320 250 321 251 321 251L323 251L325 251L325 252L325 255L325 256L325 258L325 259L323 260L321 261L320 262L318 264L317 265L316 267L313 268L312 269L311 270L311 272L311 274L312 276L312 278L312 280L312 282L312 283L310 284C308 284 307 283 307 283L305 283L303 283L301 282L300 283L300 285L300 288L300 290L299 292L298 294C297 294 295 296 295 296L295 298L295 300C297 300 298 301 298 301L300 301L302 301L303 302L302 305L302 306L302 308L302 309L302 313L302 314L302 315L301 317C301 318 301 319 301 319L303 320L303 321L303 322L302 324L300 325C299 325 299 326 299 326L299 329L300 332L300 334L301 336L301 337L301 340L301 342L302 344L303 345L305 346C306 347 308 346 308 346L310 345L310 344L310 341L310 339C312 339 313 340 313 340L316 341L318 341L318 340C320 340 321 342 321 342L321 343L321 345L321 346L320 348L320 349L319 350L319 351L318 352L317 353L317 355C316 355 316 358 316 358L317 359L318 361C319 361 320 362 320 362L323 363L325 362L327 361L328 359L329 357L329 355L331 354L332 352C334 352 335 353 335 353L336 355L338 355L340 355L341 356L341 358L341 360C342 361 343 361 343 361L343 360L345 358L346 357L348 355L349 357L349 359L350 362L351 364L351 365L352 367L352 369L350 371L348 373L346 375L344 376L341 375L340 374L338 374L336 376L335 378L333 379L331 380L329 382L329 383L330 385L331 387L332 388L334 390L336 391L336 392L335 393L334 394L334 395L334 398L333 399L331 401L328 404L325 407L322 410L318 414L317 415L316 417L315 419L315 421L314 422L313 424L312 425C310 426 309 426 309 426L307 427L305 428L303 427L301 427L300 428L300 429L300 433L299 436L299 438L299 440L299 443L298 445L298 447L298 449L300 451L300 452L299 454C298 455 298 457 298 457L300 458L301 460L303 462L304 465L305 467L306 471L306 473L306 475L306 477L307 479L307 482L305 483L304 485L304 487L304 488L304 489L304 491L303 493L301 493L300 492L298 492C296 492 294 494 294 494L291 497L289 499L286 501C285 501 284 498 284 498L284 495L284 492C283 491 281 492 281 492C280 492 279 493 279 493C278 494 276 494 276 494L273 494L271 495L269 496L267 498C265 498 264 499 264 499L263 500L261 502C261 503 260 504 260 504L259 506C258 507 256 508 256 508L255 509L251 509L250 508L248 507C247 507 246 507 246 507L244 507C243 508 240 509 240 509L238 508L236 507L235 505C235 505 234 504 233 504L232 503L232 501C232 500 231 499 231 499L229 500L226 499L225 498L225 496L226 494L228 494L228 493L228 492L227 491L226 490L225 488L224 487C223 486 223 485 223 485L221 484L220 483L218 483L216 482L215 481C214 481 214 479 214 479L215 477L217 474L218 472L219 470L219 468L220 467L219 465C218 466 217 467 217 467C215 468 213 468 213 468L211 466L210 465L211 463L212 462L213 460C213 460 212 459 211 459L208 459L206 457L205 455L204 453L202 452L200 450C199 449 199 447 199 447L200 445C200 445 200 444 200 443L201 442L200 439L197 439L194 438C193 438 193 436 193 436C193 435 193 434 193 434C192 433 192 432 192 432L190 431L190 429L190 427L189 425L187 423L185 421L185 420C185 419 184 418 184 418L184 416L184 414C183 413 181 411 181 411L179 410L178 407L177 405L176 403L175 401L174 399C174 399 174 398 173 398C173 397 172 396 172 396C171 395 170 395 170 395L169 397C169 398 169 400 169 400L168 401L166 402C165 401 164 400 164 400L163 398C162 399 161 399 161 399L160 401L160 402L159 403L157 405L154 406C153 405 152 404 152 404L152 403L152 401L152 399L152 398C151 397 151 397 151 397C149 397 147 396 147 396L146 395L145 394L145 392L143 390L142 388L140 386L139 384L138 383L137 380L137 378L138 377L140 376C141 375 142 375 142 375L144 375L145 373L145 370L145 368L144 367L142 367C140 366 140 364 140 364L139 362L138 361L136 360L135 358L134 356L133 355L133 353L130 353L128 353L127 352L127 349L127 348L126 347L124 346L123 344L121 342L121 339L120 337L117 338L117 339C116 340 116 341 116 341L116 342L115 343L113 344C112 345 111 346 111 346C111 347 111 348 111 348L111 349L111 350L110 352L107 353L105 354C103 354 102 355 102 355L103 357L103 359L103 361L103 364L103 366L103 368L103 370L103 372L103 374L102 376C101 377 99 377 99 377L98 375L97 372L96 370L95 369L93 367L92 365L91 362L91 360L91 356L91 353L92 352L91 350L89 349L88 347L88 345L87 344L88 343L88 341L88 340L87 339L87 336L87 335L87 333L88 331L88 329C87 329 87 328 87 328L87 326C87 325 87 324 87 324L88 323L88 320L88 317L88 315L88 313L88 311L87 309L86 307L86 305L85 303L85 300L85 297L85 295L85 293L86 292L86 290L85 288L84 287L83 286L82 284L82 282L83 281L83 279L83 278L84 276L84 274L84 273L85 272L85 270L85 269L86 266L85 265L86 261C85 260 84 257 84 257L83 255L82 253L81 251L81 249C81 248 82 248 82 248L82 246L82 244C82 243 82 242 82 241L83 239C83 239 83 238 82 238L82 235L81 233L80 232L80 229L80 225C79 224 79 222 79 222L80 220L81 219L81 218L81 216L80 215L78 214L77 212L76 211L74 209L74 207L74 205L74 203L73 201L72 200L71 197L70 196L69 194L68 193L66 191L65 189L64 188L64 186L65 185L65 183C65 182 65 180 65 180C66 180 67 180 67 180L69 182C70 183 71 184 71 184L73 183L74 182L76 180L77 179L78 177L75 175L73 173L71 170L68 168L67 166L65 164L63 161L61 158L59 155L57 153L55 149L53 148L53 146L54 144C55 143 54 141 54 141L52 137L50 134L48 131L46 128L45 126L45 124L45 122L44 119L42 118L39 116L37 115L35 114C34 113 32 112 32 112L29 111L27 110L25 109L22 107L19 106L17 105L14 104L12 102L10 100L7 98L5 95L3 93L1 90L1 88L2 86C2 86 2 85 1 85L0 83L0 81L0 80L2 79C4 79 6 78 6 78C8 78 9 77 9 77L9 75L8 74L7 72L7 70L8 68L9 66L11 64L13 62L14 60L14 58L15 57L17 57C18 57 18 55 18 55L19 54L21 54C22 53 20 52 20 52L18 52L17 51C16 50 15 50 15 50L14 51C13 51 12 50 12 50L12 48L11 47C11 46 10 45 10 45L10 44C9 43 8 42 8 42L6 42C6 41 5 39 5 39C5 38 5 37 5 37L5 35L5 33L5 31L4 29C4 29 4 26 4 26ZM170 117M273 225M272 226" fill="#EC9B57" fill-opacity="1" stroke="none" stroke-width="0.25" />
                    <text id="cx-txt" x="185" y="308" xml:space="preserve" font-family="微软雅黑" font-size="20" fill="#000000" stroke="none" stroke-opacity="0" baseline-shift="baseline" transform="matrix(1,0,0,1,4,6)">川 西</text>
                </a>
                <a xlink:href="#">
                    <path id="cn" d="M415 245L417 247L419 247L420 246L422 245L423 246L424 247L426 247C427 247 428 248 428 248L429 249L429 250C430 251 432 252 432 252L434 252C435 252 435 254 435 254L435 255L437 257L439 258L441 260L442 262L444 264L444 266L443 267L443 270L443 272L441 273L439 275C438 275 437 277 437 277L437 279L435 280C434 281 432 281 432 281C431 281 429 282 429 282L427 283L427 285L426 287L424 288L422 290L420 292L420 294L421 297L423 297L425 298L427 299L427 301L428 304L429 306L429 308L431 311C432 311 434 311 434 311L436 311L438 311L440 310L442 310L445 309C446 309 448 309 448 309L448 311L448 312L448 314L447 316L448 317L449 319L450 321L450 323L451 326L451 328L452 330L454 330L456 329L457 327L458 326L460 325C461 325 462 327 462 327L463 328L464 330L466 331C467 331 469 331 469 331L472 331L474 331L476 332L478 334L479 335L479 338L479 340L479 342L480 345L481 348L481 351L482 353L483 355L482 358C481 359 480 359 480 359L479 357C478 356 477 355 477 355L475 354L475 352L473 351L471 350C470 350 469 350 469 350C467 350 467 348 467 348L465 347L464 345L463 344L462 342L460 342L459 344L458 345L457 346L455 348L452 350L450 352C448 351 446 351 446 351C445 351 444 353 444 353L443 355L442 357L442 359L442 361L442 363L442 365L443 367L443 368L443 370C445 371 446 370 446 370C447 369 450 368 450 368L451 369L452 370L453 371L454 373L454 374L454 375L454 378C454 379 456 380 456 380L458 381L460 381L463 381L465 380L466 379L469 378L472 378L474 380L476 382L477 385L478 387L479 390L480 392L480 394L480 397L480 400L479 402L477 402C476 402 472 403 472 403L469 403C468 403 466 405 466 405L464 405L462 405L459 405L456 405L454 405L452 405L450 406C449 407 447 409 447 409L445 410C443 410 441 409 441 409L440 407C439 406 437 405 437 405L435 404L433 404C431 404 430 405 430 405L428 405L425 405L423 405L422 403L422 401L421 400L419 399L420 396L421 394L422 393L423 391C422 390 420 390 420 390L419 388L417 387L416 385L414 384L411 383C410 383 408 383 408 383L408 384C406 384 405 385 405 385L404 387L404 388L403 391L402 392L401 394L400 395L398 396L396 396L394 396L392 396L390 397L388 398L385 398L382 398L381 397L379 395L377 394L374 392L373 391L373 389L370 388L368 386L369 385L371 384L373 383L375 381L375 379C373 378 373 377 373 377L375 376L375 374L375 373L375 371C374 370 373 370 373 370C372 369 369 369 369 369L367 370C365 369 366 367 366 367L367 366L367 364L366 362L365 361L365 359L366 357L368 355L369 354L371 353L372 352L372 350C371 351 369 351 369 351C368 350 367 349 367 349L364 349L362 350L359 351C358 351 355 350 355 350L354 348C353 347 351 347 351 347C350 347 350 348 350 348L350 349L349 350L349 352L349 353L348 354L347 356L345 357L344 358L343 360C342 361 341 360 341 360L341 357L341 356L340 355L336 355L335 353L334 352L332 352L331 354L329 355L329 357L328 359L327 361L323 363L318 361L316 358L317 355L317 353L319 351L319 350C320 349 320 348 320 348L321 346L321 342L320 340L318 340C318 341 316 341 316 341L314 340L312 339L310 339L310 344C310 345 306 346 306 346C304 345 302 344 302 344L302 343L301 342L301 339L301 336L300 334L300 332L299 329L299 326L302 324L303 322L303 320L301 319L301 317L302 315L302 309L302 305L303 302M303 301L298 301L297 300L295 299L295 297L296 295L298 294L300 290L300 286L300 283L301 282L303 283L306 283L309 284L312 283L312 279L312 276L311 274L311 270L313 268L316 267L317 265L320 262L323 260L326 259L329 258L329 257L331 257L333 257L334 255L337 252L341 249L344 246L346 244L348 243L352 243L354 243L356 245L357 246L358 247L360 247L360 245L360 243L362 240L363 238L365 236L367 235L369 235L371 234L372 232L373 230L372 228L374 227L377 228L378 226L380 226C381 226 383 227 383 227L386 228L388 231L391 233C392 233 396 233 396 233L398 233L399 231C399 231 398 230 397 230L395 228C395 227 397 226 397 226L399 226L401 227L402 228L401 230L402 231L404 232L406 232C407 232 408 234 408 234L408 237L409 240L410 242L412 244L415 245Z" fill="#e88d82" fill-opacity="1" stroke="#e88d82" stroke-width="2" />
                    <text id="cn-txt" x="362" y="340" xml:space="preserve" font-family="微软雅黑" font-size="20" fill="#000000" stroke="none" stroke-opacity="0" baseline-shift="baseline" transform="matrix(1,0,0,1,6,6)">川 南</text>
                </a>
                <a xlink:href="#">
                    <path id="cb" d="M169 117L172 116L174 113L176 109L176 107L177 105L178 103L178 100L181 100L183 101L186 102L189 103L191 104C191 105 193 105 193 105L194 103L195 101L197 100L199 100L201 102L203 103C205 102 206 100 206 100L207 97L207 95L208 92L207 90C206 90 204 88 204 88L203 87L202 84L201 81L201 79L203 75L204 72L206 70L210 69L212 68L215 69L215 70C216 71 217 69 217 69L218 67L221 67L223 67L224 68L225 70L227 72L228 74L229 75C230 75 230 73 230 73L231 70L232 69L233 68C234 68 235 67 235 67L234 66C234 66 234 65 233 65C233 64 231 63 231 63L230 61L230 58L232 55C235 55 237 54 237 54L237 52L237 48L238 45L240 44L242 45L243 46L245 49L245 51L245 55L245 58L244 60L242 62L241 64L239 66C239 67 240 68 240 68C241 68 241 69 241 69L242 71L241 73L242 75C243 75 244 73 244 73L245 71L247 70L250 69L252 70C253 70 253 68 253 68L254 66L255 65L258 65L259 67L261 66L260 63L260 60L260 58L263 57L266 55L269 56C271 56 273 53 273 53L274 50L274 47C274 47 273 46 272 46C272 45 270 44 270 44L268 43L267 40L265 38L264 37L264 35L262 33L262 31L261 28L259 25L260 23L261 20L264 19L266 19C267 19 269 18 269 18L270 16L272 14L274 14L276 14L279 14L281 12L281 10L282 8L285 7L286 5L288 3C290 2 292 2 292 2L293 3L295 2L298 0C300 0 301 1 301 1L302 2L303 4L302 6L303 8L305 8L307 8L310 10L311 13L311 17L312 19L312 21C311 21 309 21 309 21L309 23L310 24L311 25C311 25 311 26 311 27C311 28 311 28 311 28C311 29 311 29 311 29L311 30L313 31L315 32C317 33 319 35 319 35C320 35 323 35 323 35L324 33L326 31L329 30L332 31L332 33L330 35L330 37L330 39L332 39L332 37C333 37 334 36 334 36L336 37L336 38C336 38 336 39 337 40L340 40C341 40 345 39 345 39L347 39L351 39L354 40L358 42L360 46L360 49L360 51L360 53L363 57L365 60L365 61L366 62L368 61L370 60L372 60L374 62C373 63 373 64 373 64L370 64L368 64L367 65L367 67L368 69L368 71L370 73L370 76L369 77L369 79L370 80C371 81 371 83 371 83L369 86L367 87L365 89L366 91C367 92 369 93 370 93L374 95L377 96L381 97L382 99L383 100L385 101C386 101 389 101 389 101L389 102C390 102 392 102 392 102L396 102L396 103L398 103L400 103L402 102L404 102L407 103C408 105 408 105 408 105L410 105L412 103L414 101L416 100L418 101L421 100L422 98L426 96C427 95 426 93 426 93L424 92C424 91 424 88 424 88L425 86L426 84L428 83L429 84L430 85C430 85 430 86 430 87C430 87 430 88 431 89C431 90 432 92 432 92L433 94L434 95L434 97L436 98L439 97L440 95L443 94L446 94L447 91L450 90L453 89L455 89L457 89L459 87L461 87L462 91L461 93L462 94L463 95C463 95 464.7873 95.27237 466 96C467 97 469 98 469 98L472 98L475 99L476 100L477 102L479 101L481 100C482 100 486 100 486 100L488 100L490 98L491 96L496 95L498 95L501 96L505 97C506 97 508 96 508 96L512 96C512 96 514 96 514 97C515 98 516 99 516 99L516 101C516 102 516 103 516 103L516 106L517 108L519 108L521 108L523 111L524 113C526 113 526 112 526 112L526 108L527 107L529 105L531 105L534 105L536 107C536 108 535 111 535 111L535 112L535 114C536 115 538 114 538 114L541 113L543 112C544 113 545 113 546 114C547 115 549 116 549 116C549 117 550 118 551 118L554 121L556 123L560 127L562 128C563 129 566 128 566 128L566 126L568 124C569 124 572 124 572 124L575 123L577 121L580 120L582 121L584 121L588 120L590 119C591 119 592 122 592 122L592 124C592 124 592 126 591 126L588 127L584 127L582 127L581 129L581 131L585 133L584 134L581 135L581 138L581 142L581 144L584 146L586 149L587 150L590 151L592 151C592 151 593 153 593 154C594 155 594 159 594 159L593 162L589 164L586 166L580 168L578 168L576 170L576 173L575 175L573 177L572 180L573 182L573 185L573 187L571 188C570 189 570 190 570 190L570 192L570 195L568 199L567 202L565 206L563 209L560 211L559 212L557 212L555 210C554 210 552 208 552 208L549 208C549 208 548 208 547 208L543 208L540 208L539 207L537 205L535 204L532 204L529 203L525 203L525 201L525 198L524 195L522 192L519 191L514 191L510 190L509 192L509 193L506 195L505 196L504 198L502 201L500 203L498 206C496 206 495 207 495 208L495 210L498 211C499 212 501 214 501 214L503 216L505 217L508 218L509 220L511 221L512 222L514 225L512 225C511 225 509 226 509 226L507 226L506 227L503 227L501 228L498 228L495 228L492 230L490 231L488 233C487 234 488 237 488 237L489 239L490 240L493 240L496 240L498 241L500 242L500 244L501 246L502 248C503 248 505 251 505 251L507 253L509 255L511 258L509 260L507 261L503 263L501 263L498 263L496 261L494 258L491 255L489 253L487 251L484 251L481 252L476 253L474 254L472 252L470 249L469 247L466 246L464 245L462 243L460 241L458 241L454 241L449 241L446 241L445 242L442 245L442 247L439 250L435 252L432 252L429 249L428 247L424 246L423 245L421 245C420 246 419 247 419 247L417 247L415 245C414 245 410 242 410 242L409 239L408 237L408 234L407 232L404 232L402 231L401 230L402 228L400 226L398 226C397 226 396 227 396 227C395 228 395 228 395 228L396 229L397 230C398 231 398 232 398 232L396 233L393 233L391 233L389 231L387 229L386 228L384 227L381 226C381 226 380 225 379 225L377 226L376 228C375 227 373 227 373 227L371 228L372 229L372 231L372 232L370 234L368 235L366 235L363 237L362 239L361 241L360 242L360 245L359 247C357 246 356 244 356 244L353 243L349 243L346 244L343 247L340 250L337 252L335 254L334 257L332 257L330 256L329 257L328 258C327 259 325 259 325 259L325 254L325 251L322 251L320 250L318 251C316 252 314 250 314 250L311 251L309 251L308 249L307 248L307 246L309 245C310 244 310 242 310 242L309 240L310 238L312 237L314 235L314 232L314 230C313 229 314 228 314 228L314 225L314 224C315 223 315 221 315 221L315 219L316 217L316 216C314 215 312 215 312 215L308 215L306 216C305 217 304 218 304 218L303 219L300 220L297 217L297 214L296 212L296 210L293 208L289 208L287 209L286 210L286 213L284 214L279 214L277 215L276 217L274 220L273 222L272 224L268 222L265 225L262 228L260 229L258 227L256 226L253 226L250 223L252 219L253 217L253 213L254 210L256 208L258 204L257 202L257 198L255 196L252 198L250 199L250 198L248 195C247 196 244 196 244 196L241 195L241 189L239 187L239 186L236 187L234 186L233 184C232 183 230 181 230 181L228 180L225 182L222 182L219 183L217 182L214 182L211 180L208 180L208 176L207 173L207 172L205 172L201 174L199 174L198 173L198 172L196 166L194 164L190 158L188 158L187 157L189 156L190 154L194 152L194 150L194 145L192 143L191 144L186 144L185 141C184 141 183 138 183 138L182 137C180 136 179 133 179 133L180 131L179 129L174 129L174 127L172 126L171 124C170 123 170 118 170 118L169 117Z" fill="#EECA68" stroke="none" />
                    <text id="cb-txt" x="372" y="171" xml:space="preserve" font-family="微软雅黑" font-size="20" fill="#000000" stroke="none" stroke-opacity="0" baseline-shift="baseline" transform="matrix(1,0,0,1,-4,0)" xmlns="http://www.w3.org/2000/svg">川 北</text>
                </a>
                <path id="cn-line1" d="M362 245L363 246L364 247L364 249L365 250L365 251L368 252L370 254L372 257L374 260L376 262L375 265C375 265 374 266 375 267C376 268 377 270 377 270L377 274L377 277L376 279L374 279C373 279 372 280 372 280L370 282L368 285L366 287C366 288 366 288 366 288L363 288L360 286L357 284L357 282L355 281C353 281 352 283 352 283C350 283 347 283 347 283L344 283L342 282L342 280L342 277L342 275L341 273L339 272L337 271L335 272C333 273 331 275 331 275L329 276L328 277L325 277L323 278L321 279L322 282L323 283L324 284L322 286L320 287L319 288L318 290L316 292L314 295L313 297L313 298L310 299C309 299 306 299 306 299L304 299C302 299 301 300 301 300M375 266L377 267L379 268L381 269C383 269 385 267 385 267L387 267L390 267C391 267 392 269 392 269L393 270L395 272L397 273L399 272L402 269L403 267L405 265L408 265L409 267L408 268L410 270L412 272L412 273L414 273L416 272L418 273C419 274 422 274 422 274L424 273C425 273 427 273 427 273L428 274L428 276L428 278L428 279L428 281M362 288L360 289L359 290L360 293L361 295L361 296C360 297 358 297 358 297C357 297 357 299 357 299L357 301C357 302 359 303 359 303C360 303 361 305 361 305L359 306L357 306C358 307 359 308 359 308L358 310L358 312L361 311C362 311 363 312 363 312L363 313L365 313L364 311L365 310L367 310L369 312L373 312L375 312L376 314L377 315L379 317L382 317C383 316 385 315 385 315C386 315 388 317 388 317L389 319L390 321L389 323L389 324L390 327L393 327C395 327 396 326 396 326L398 324L400 322L402 323L403 325L404 327C405 327 406 327 406 327C407 327 408 330 408 330L410 331L413 331L416 331L418 331L421 330L421 328L421 325L419 325L416 324L416 322L417 321L418 320L419 318L419 317C419 316 418 314 418 314C418 314 418 313 417 313L414 311L412 310L411 307L410 306L410 305L409 303L409 301L410 298L410 296L407 297C406 298 404 299 404 299C403 299 400 298 400 298L397 298L394 298C392 298 391 299 391 299C390 300 391 302 391 302C391 303 389 303 389 303L387 303L385 301C385 300 382 300 382 300L380 299L378 297L377 294L376 292L374 289C373 289 372 290 372 290C371 291 370 290 370 290L369 289L367 289" fill="none" fill-opacity="0" stroke="#B58185" />
                <path id="cn-line2" d="M362 312L361 314L361 316L360 318L360 320L360 323L359 325L359 327L357 328C356 328 356 332 356 332L356 334L356 337L355 338C354 339 351 338 351 338L350 337C349 336 347 337 347 337L345 338L345 340L345 341L344 343L344 344L344 346C344 347 344 348 344 348C344 348 342.8835 347.8957 342 349C341 350 340 351 340 351C339 351 338 352 338 352C337 352 336 353 336 353M367 289" fill="none" fill-opacity="0" stroke="#B58185" />
                <path id="cn-line3" d="M366 288L367 289M418 332L419 334L419 336L419 338L418 340L417 341L416 342L417 343L418 344L418 345L418 347C417 348 416 348 416 348L416 350L416 353L416 354L417 355L418 357L417 359L417 360L417 361L419 362L421 363L422 364L423 365L424 367L425 369L425 371L425 374L425 376L425 378L424 380L422 381L421 382C419 383 418 384 418 384" fill="none" fill-opacity="0" stroke="#B58185" />
                <path id="cx-line" d="M418 384L416 385M140 385L143 386L145 388L147 388L148 390L149 389L151 388L154 388L156 388L158 388L159 386L158 384L157 381L157 378L157 375L158 372L159 369L160 364L160 361L161 360L163 357L164 355L165 352L164 350L164 348L163 345L164 344L166 343L168 342L169 339L169 337L168 334L168 333L167 331L167 330L169 329C170 328 173 327 173 327C173 326 175 326 175 326L179 326L181 327L182 326L182 324L180 323L180 321L180 320L183 319L186 319C187 318 188 320 188 320L189 322L190 323L192 321L194 320L195 319L197 318C197 318 199 318 199 319L200 322L201 325L202 329L202 331C202 331 204 332 204 333L204 337L203 338L203 340L203 342L205 344L205 346L205 348M206 349L209 349C211 349 214 351 214 351L216 351C218 351 218 352 218 352L220 352L220 353L222 353L224 353L227 355L227 357L227 360L225 360L223 360L221 359L217 357L216 358L216 360L217 363L218 365L219 367L221 369L224 369L225 367L228 368L230 368L232 367L234 365L235 362L236 360L236 357L237 355L240 354L243 354L243 351L244 349L246 347L248 344L248 340L248 338L248 335L250 333L252 330L255 328L257 326L259 327L261 329L262 332L264 334L267 336L270 336L273 335L275 332L276 329L276 326C276 326 277 324 277 323L279 320L280 317L283 315L285 316L288 317L291 318L291 315L292 313L294 313L296 314C297 314 298 312 298 312L299 310L301 308M257 325L257 323C257 323 257 320 256 320L254 319C252 318 251 317 251 317L252 314L252 313L252 311L250 310L248 309L247 308L246 306L247 304L247 301L246 299L246 298L248 297L250 298L253 298L257 298L258 300L260 300L262 298L264 296L266 295L266 292L264 291L264 288L265 286L267 283L267 281L267 279L267 278L265 276L264 273L264 268L264 264L264 260L265 256L267 253L269 252L272 249L271 245L271 239L271 235L272 231L273 228L273 226C273 225 273 224 273 224M201 440L204 440L205 439L208 439L210 439L213 439C215 438 217 436 217 436L219 434L222 432L224 431C226 431 227 435 227 435L229 438L231 441L233 443L235 444L238 444L240 442L241 439L241 438C242 438 243 438 243 438L243 440L243 441L244 443C245 443 247 442 247 442C247 442 248 441 249 442L251 443L254 441L255 440L258 441L259 443L261 445L261 449L261 453L260 455L260 458L260 460L259 463L258 464L258 467L257 469L256 472L256 474L252 474L251 472C250 472 249 472 249 472L249 473C249 474 249 476 249 476L249 479L248 481L247 483L245 484L244 485L243 486L244 488C244 488 245 490 244 491L244 495L242 499L240 503C240 503 239 504 239 505C238 505 239 507 239 507M239 507L239 508" fill="none" fill-opacity="0" stroke="#ca9259" />
                <path d="M364 89L362 89L360 87L360 85L358 84L357 83L355 82L353 82C353 83 352 84 352 84L352 85L352 87L352 90L353 92L354 94L356 93C357 93 357 95 357 95L358 97C358 97 357 98 357 99C357 100 359 102 359 102L359 104L360 106L360 109L359 111L358 113C357 112 355 110 355 110L355 107L354 105L353 104L350 104L348 105L348 107L349 109L349 111L350 114L350 116L350 118L350 121L351 123L352 124C353 124 354 126 354 126L355 127L355 128L356 129L358 128L359 127C360 127 362 128 362 128L362 129L361 131L360 133C358 134 357 135 357 135L355 135L353 134L350 133L348 133L347 135L346 137L345 139L344 140L344 142L343 143L343 145L344 146L346 146L348 146L350 147C352 147 353 148 353 148L354 150L355 152C356 153 356 154 356 154L358 155L360 156L360 159L360 160L358 161L357 163L355 163C354 164 352 166 352 166L350 168L350 170L349 172L347 174L346 176L346 177L345 178C344 179 343 180 343 180C341 180 340 181 340 181C339 181 336 183 336 183L335 185L335 187L334 189L334 192L333 195L333 198L331 200L331 202L330 204L330 206L329 208L327 210L326 212L325 213L323 215L321 216L318 216L316 216M381 101L381 104L381 105L381 106L383 107L386 108L388 109L388 110L388 111C388 112 388 114 388 114L388 115L388 117L389 119L392 118L394 119C395 119 397 120 397 120C398 121 400 121 400 121C401 122 401 123 401 123L402 124L403 125L403 127L404 128L405 126L406 124L407 123L408 121L412 121C413 120 415 121 415 121L415 123C416 123 416 124 416 124L416 125L415 127L415 129L415 131L416 133L416 134L417 136C418 135 418 137 418 137L417 139C415 140 414 140 414 140C413 141 413 143 413 143L413 145L412 147L413 148L415 151L416 153L418 153L419 155C419 156 418 157 418 157L416 158L417 159C418 159 421 159 421 159L422 161L421 163L421 164C422 165 424 167 424 167L425 169L426 170L426.2 170.2L426 172L429 172C430 172 429 174 429 174L429 176L430 178C432 177 434 178 434 178L435 177L437 176L439 176L440 178L439 180L436 181L436 183L437 184L438 186L440 187L440 189L440 191L442 193L443 195L442 197L442 199L441 201C441 201 440 202 439 202C438 203 437 203 437 203L434 203L430 200L427 199L425 197L423 195L423 193L423 191C422 191 421 192 421 192L420 193L418 194C415 194 414 194 414 194L413 195L414 197L414 199L414 200L413 202L412 204L411 205L412 207L414 209L415 211L416 213L417 215L415 218C414 219 412 219 412 219L412 221L411 223L411 225L411 226L410 228L409 229L409 230L408 232M355 164L357 166L358 168L359 170C360 170 362 173 362 173L361 174L362 176L363 177L366 178L368 179L369 181C371 181 372 181 372 181L374 179L376 178L377 176L379 176L381 177L381 179C382 180 383 179 383 179L383 181L385 183C385 184 387 185 387 185L389 185L391 185C393 186 392 186 392 186L392 187L390 189C389 189 389 191 389 191C389 192 391 192 391 192C392 193 392 194 392 194L392 196L392 198L392 200L394 202C393 202 393 203 393 203L393 204L394 206L396 207L398 207L399 204L401 204C403 204 403 206 403 206L403 207C403 207 402 208 402 209C402 210 402 211 402 211C404 211 404 213 404 214C404 214 404 215 404 216C405 216 405 217 405 217L407 218L409 219L411 219M346 177L347 179L349 179L351 180L352 181L352 183C351 184 351 185 351 185L352 187L354 189L355 191L355 193L355 195L355 196L355 198L355 200L355 202L355 203C356 203 357 204 357 204C358 204 359 206 359 206L359 207C359 208 360 209 360 210C361 210 363 210 363 210L366 210L368 209L370 208L372 206L374 206C376 206 378 208 378 208L378 210C378 210 377 210 378 211C379 212 382 212 382 212L384 213L386 214L388 217L390 220L391 221L392 222L394 223L395 225L394 227L394 228M489 100L490 103L490 105L490 107L490 109L492 110L493 112L493 113L493 116L494 117L495 120L496 121L496 123L493 124L491 124C489 124 489 125 489 125L488 127L488 129L487 131L487 133L487 135L485 136C485 136 485 137 485 138C485 139 484 140 484 140L484 141L484 143L482 144L480 144L480 147L479 148C479 148 479 149 479 150L479 153C478 152 477 151 477 151C475 150 474 151 474 151L473 152L472 153L470 154L467 154L467 152L465 151C463 151 463 152 463 152C463 153 463 154 463 154C463 154 463 154 463 155C463 156 463 156 463 156L463 157C463 157 463 158 463 159L461 160L459 161C458 162 456 163 456 163C455 162 454 162 454 162C453 162 452 161 452 161C451 161 451 162 451 162C451 163 450 163 450 163C449 163 448 163 448 163C447 162 447 161 447 161L446 159C446 158 445 158 445 158C443 159 443.2426 159.0299 443 160C443 161 442 162 442 162L442 164C441 164 440 165 440 165C439 166 438 166 438 166C438 167 438 167 438 167C437 168 435 168 435 168L434 167C432 167 431 166 431 166C430 166 428 166 428 166C427 166 427 167 427 168M427 169M427 170" fill="none" fill-opacity="0" stroke="#bab66b" />
                <path id="cb-line1" d="M364 89L362 89L360 87L360 85L358 84L357 83L355 82L353 82C353 83 352 84 352 84L352 85L352 87L352 90L353 92L354 94L356 93C357 93 357 95 357 95L358 97C358 97 357 98 357 99C357 100 359 102 359 102L359 104L360 106L360 109L359 111L358 113C357 112 355 110 355 110L355 107L354 105L353 104L350 104L348 105L348 107L349 109L349 111L350 114L350 116L350 118L350 121L351 123L352 124C353 124 354 126 354 126L355 127L355 128L356 129L358 128L359 127C360 127 362 128 362 128L362 129L361 131L360 133C358 134 357 135 357 135L355 135L353 134L350 133L348 133L347 135L346 137L345 139L344 140L344 142L343 143L343 145L344 146L346 146L348 146L350 147C352 147 353 148 353 148L354 150L355 152C356 153 356 154 356 154L358 155L360 156L360 159L360 160L358 161L357 163L355 163C354 164 352 166 352 166L350 168L350 170L349 172L347 174L346 176L346 177L345 178C344 179 343 180 343 180C341 180 340 181 340 181C339 181 336 183 336 183L335 185L335 187L334 189L334 192L333 195L333 198L331 200L331 202L330 204L330 206L329 208L327 210L326 212L325 213L323 215L321 216L318 216L316 216M381 101L381 104L381 105L381 106L383 107L386 108L388 109L388 110L388 111C388 112 388 114 388 114L388 115L388 117L389 119L392 118L394 119C395 119 397 120 397 120C398 121 400 121 400 121C401 122 401 123 401 123L402 124L403 125L403 127L404 128L405 126L406 124L407 123L408 121L412 121C413 120 415 121 415 121L415 123C416 123 416 124 416 124L416 125L415 127L415 129L415 131L416 133L416 134L417 136C418 135 418 137 418 137L417 139C415 140 414 140 414 140C413 141 413 143 413 143L413 145L412 147L413 148L415 151L416 153L418 153L419 155C419 156 418 157 418 157L416 158L417 159C418 159 421 159 421 159L422 161L421 163L421 164C422 165 424 167 424 167L425 169L426 170L426 172L429 172C430 172 429 174 429 174L429 176L430 178C432 177 434 178 434 178L435 177L437 176L439 176L440 178L439 180L436 181L436 183L437 184L438 186L440 187L440 189L440 191L442 193L443 195L442 197L442 199L441 201C441 201 440 202 439 202C438 203 437 203 437 203L434 203L430 200L427 199L425 197L423 195L423 193L423 191C422 191 421 192 421 192L420 193L418 194C415 194 414 194 414 194L413 195L414 197L414 199L414 200L413 202L412 204L411 205L412 207L414 209L415 211L416 213L417 215L415 218C414 219 412 219 412 219L412 221L411 223L411 225L411 226L410 228L409 229L409 230L408 232M355 164L357 166L358 168L359 170C360 170 362 173 362 173L361 174L362 176L363 177L366 178L368 179L369 181C371 181 372 181 372 181L374 179L376 178L377 176L379 176L381 177L381 179C382 180 383 179 383 179L383 181L385 183C385 184 387 185 387 185L389 185L391 185C393 186 392 186 392 186L392 187L390 189C389 189 389 191 389 191C389 192 391 192 391 192C392 193 392 194 392 194L392 196L392 198L392 200L394 202C393 202 393 203 393 203L393 204L394 206L396 207L398 207L399 204L401 204C403 204 403 206 403 206L403 207C403 207 402 208 402 209C402 210 402 211 402 211C404 211 404 213 404 214C404 214 404 215 404 216C405 216 405 217 405 217L407 218L409 219L411 219M346 177L347 179L349 179L351 180L352 181L352 183C351 184 351 185 351 185L352 187L354 189L355 191L355 193L355 195L355 196L355 198L355 200L355 202L355 203C356 203 357 204 357 204C358 204 359 206 359 206L359 207C359 208 360 209 360 210C361 210 363 210 363 210L366 210L368 209L370 208L372 206L374 206C376 206 378 208 378 208L378 210C378 210 377 210 378 211C379 212 382 212 382 212L384 213L386 214L388 217L390 220L391 221L392 222L394 223L395 225L394 227L394 228M489 100L490 103L490 105L490 107L490 109L492 110L493 112L493 113L493 116L494 117L495 120L496 121L496 123L493 124L491 124C489 124 489 125 489 125L488 127L488 129L487 131L487 133L487 135L485 136C485 136 485 137 485 138C485 139 484 140 484 140L484 141L484 143L482 144L480 144L480 147L479 148C479 148 479 149 479 150L479 153C478 152 477 151 477 151C475 150 474 151 474 151L473 152L472 153L470 154L467 154L467 152L465 151C463 151 463 152 463 152C463 153 463 154 463 154C463 154 463 154 463 155C463 156 463 156 463 156L463 157C463 157 463 158 463 159L461 160L459 161C458 162 456 163 456 163C455 162 454 162 454 162C453 162 452 161 452 161C451 161 451 162 451 162C451 163 450 163 450 163C449 163 448 163 448 163C447 162 447 161 447 161L446 159C446 158 445 158 445 158C443 159 443.2426 159.0299 443 160C443 161 442 162 442 162L442 164C441 164 440 165 440 165C439 166 438 166 438 166C438 167 438 167 438 167C437 168 435 168 435 168L434 167C432 167 431 166 431 166C430 166 428 166 428 166C427 166 427 167 427 168M427 169" fill="none" fill-opacity="0" stroke="#bab66b" />
                <path d="M548 117L547 118L547 121C546 122 545 123 545 123L544 124L543 126L543 128L545 128L547 128L549 129L550 131L551 132L551 134L550 136L548 137C546 137 545 138 545 138C544 139 543 139 543 139C542 139 541 141 541 141L542 143L541 144C540 144 540 145 540 145C541 146 542 146 542 146C544 146 543 148 543 148C542 148 541 150 541 150L541 152L542 154C540 155 540 155 540 155L538 156L538 157L538 158L539 159C539 159 541 160 540 160C539 161 539 162 539 162C537 163 537 163 537 163L534 164C534 165 531 165 531 165L530 166L530 167L530 168C530 169 530 169 530 170L529 171C529 172 528 172 528 172C527 173 525 173 525 173L523 173L521 174C521 175 521 176 521 176L521 177L520 179C518 180 517 180 517 180L515 179L514 178C513 179 513 179 513 179C513 180 513 181 513 181C513 182 513 183 513 183C511 184 511 184 511 184L510 186L510 187C510 187 510 187 510 188C510 189 510 190 510 190M510 183L509 181L508 179C507 178 505 178 505 178L505 175L505 173L504 172L503 170L503 168L501 167L498 167C496 167 493 166 493 166C493 167 492 167 492 167L491 169C490 170 489 169 489 169L488 168L486 167C485 166 483 165 483 165L482 163L480 161L478 160L478 158L478 157L479 156C479 156 479.0001 155 479 154M436 203L439 207L441 207L443 208L444 210L446 212L447 215L447 217C447 218 448 220 448 220L448 221L448 224L449 225C450 225 452 225 452 225L451 227L451 229C452 229 452 230 452 230C452 231 451 231 451 231L451 232C451 233 451 234 451 234L453 235C454 234 457 234 457 234C458 234 457 236 457 236L457 237C457 238 459 240 459 240L460 241" fill="none" fill-opacity="0" stroke="#bab66b" />
                <path id="cb-line2" d="M548 117L547 118L547 121C546 122 545 123 545 123L544 124L543 126L543 128L545 128L547 128L549 129L550 131L551 132L551 134L550 136L548 137C546 137 545 138 545 138C544 139 543 139 543 139C542 139 541 141 541 141L542 143L541 144C540 144 540 145 540 145C541 146 542 146 542 146C544 146 543 148 543 148C542 148 541 150 541 150L541 152L542 154C540 155 540 155 540 155L538 156L538 157L538 158L539 159C539 159 541 160 540 160C539 161 539 162 539 162C537 163 537 163 537 163L534 164C534 165 531 165 531 165L530 166L530 167L530 168C530 169 530 169 530 170L529 171C529 172 528 172 528 172C527 173 525 173 525 173L523 173L521 174C521 175 521 176 521 176L521 177L520 179C518 180 517 180 517 180L515 179L514 178C513 179 513 179 513 179C513 180 513 181 513 181C513 182 513 183 513 183C511 184 511 184 511 184L510 186L510 187C510 187 510 187 510 188C510 189 510 190 510 190M510 183L509 181L508 179C507 178 505 178 505 178L505 175L505 173L504 172L503 170L503 168L501 167L498 167C496 167 493 166 493 166C493 167 492 167 492 167L491 169C490 170 489 169 489 169L488 168L486 167C485 166 483 165 483 165L482 163L480 161L478 160L478 158L478 157L479 156C479 156 479.0001 155 479 154M436 203L439 207L441 207L443 208L444 210L446 212L447 215L447 217C447 218 448 220 448 220L448 221L448 224L449 225C450 225 452 225 452 225L451 227L451 229C452 229 452 230 452 230C452 231 451 231 451 231L451 232C451 233 451 234 451 234L453 235C454 234 457 234 457 234C458 234 457 236 457 236L457 237C457 238 459 240 459 240L460 241M458 233L461 233L463 233L465 231L467 229L469 228C470 227 470 226 470 226C469 225 469 224 469 224L469 223L471 223C473 223 474 223 474 223C475 222 475 222 475 222L475 220L477 219C478 220 480 220 480 220L481 219L482 218L482 216C483 216 484 216 484 216L486 217L486 218C487 219 489 218 489 218C490 217 491 217 491 217L491 216L492 214L492 213C492 212 494 212 494 212L496 212L498 212" fill="none" fill-opacity="0" stroke="#bab66b" />
                <path d="M168 117L170 119L170 123L172 126L173 127L174 129C175 129 177 129 177 129C178 129 179 130 179 130L180 131L179 133L179 135L181 136L183 138L184 140L185 142L185 144L187 144L190 144C191 144 192 143 192 143L193 144L194 148L193 150L193 152C192 153 191 154 191 154C189 155 189 156 189 156C187 156 187 158 187 158C189 158 190 158 190 158L191 159L192 161L193 163L194 164L196 166L197 169L197 171L198 173L199 175L201 175L202 174L204 173L206 173L208 175L208 178L208 179L209 181L212 181L214 182L218 183L221 183L225 182L228 181L231 182L231 184L233 186L236 187L238 186L240 188L241 190L241 192L241 194L242 195L245 197L247 196C249 196 250 197 250 197L250 199L250 200L253 199L255 197L256 198C257 199 257 201 257 201L257 203L258 204L257 206L256 208L254 209L254 211L252 213L252 214L252 216L252 219L251 220L250 222L250 224L252 226L254 226L257 228C258 228 261 229 261 229L263 227L265 225L267 223C268 222 270 224 270 224L272 224L274 222L275 219L277 216L278 215L280 214L282 214L284 214L286 213L286 210L287 209L290 209C292 208 294 209 294 209L296 210L296 211L296 213L297 216L297 218C298 219 300 220 300 220L302 220L303 219L304 218L305 217L307 218L309 220L310 221L311 223L310 226L310 227L310 229L312 231L314 233L313 236L311 237L309 239L310 241L310 243L310 245L308 246C307 246 307 249 307 249L308 251L308 253L311 253L312 251L314 250C315 250 316 252 316 252L318 251L319 250L321 250L323 251L325 252L325 253L325 255L325 256L325 258L326 259L328 258L330 256C331 256 333 257 333 257C334 256 335 254 335 254C336 254 338 251 338 251L341 249L343 247L345 245L347 244C347 244 349 243 350 243L352 243L354 243L356 244L357 245L358 247L360 246L360 244L360 242C361 242 362 239 362 239L363 237L365 236L367 235L369 234L372 232L372 230L371 228L372 227L375.4 227.6L377 227L379 225C380 225 382 227 382 227L385 227L387 229L388 230L390 232L391 233L393 233L395 233L398 233L398 231L396 229L395 228L396 227L399 226L401 226L402 228L402 229L401 230L401 231L403 232L405 232L408 232L408 233C408 234 408 236 408 236L409 238L410 241L410 242L412 243L414 245L416 246C417 247 419 247 419 247L421 245L423 245L425 247L428 247L429 249L431 251L433 252C434 252 435 252 435 252M483 353L482 351L482 348L481 346L481 344L480 343L480 338L480 335L479 334L477 332L475 330L472 330L468 330L466 330L464 328L463 326L461 325C460 324 459 324 459 324L458 325C457 326 456 327 456 327L454 329C452 328 452 327 452 327L452 325L451 323L451 321L451 320L450 319L449 317L448 316L449 314L449 311L449 308C447 308 445 308 445 308C444 308 443 309 443 309L441 309L439 309L438 310C436 310 434 310 434 310C432 310 432 310 432 310L431 309L430 308L430 306L429 304L428 302L428 300L428 298C427 298 426 297 426 297L424 297L423 296C422 296 421 294 421 294L421 292L423 290L424 289L427 287L428 285L428 284L430 283L431 282L434 282L436 281L438 280L438 278L439 277L440 275L441 274L443 273C444 273 444 270 444 270L444 268L445 267L445 264L444 262L443 261L442 259L440 258L438 256L436 255L436 253M435 252L438 251L440 249L442 247L442 245L444 243L446 241L448 241L452 241L456 241L459 241C461 242 462 244 462 244L465 245L467 246L469 248L471 250L472 253L475 254L477 253L480 253L482 252L484 252L486 251L488 252L490 254L493 257C493 258 495 260 495 260L497 262L500 264L502 263L505 262L507 261L509 260L511 258" fill="none" fill-opacity="0" stroke="#A0A974" stroke-width="0.5" />
                <path id="cd-line1" d="M511 258L513 258L515 260L518 260L521 259L523 256L524 253L526 250L528 246L529 243L531 241L532 238L534 234L536 231L537 229L538 226L540 223L540 220L539 218L538 215L538 213L540 212L542 212L546 211L548 209L550 208C552 208 553 210 553 210L554 211L556 213L559 213L562 211L564 208L566 205L567 202L569 198L571 195L571 192L571 190L572 188L573 186L574 182L573 178L574 176L576 174L577 170L579 169L582 168L585 167C585 166 588 165 588 165L592 164L594 161L595 157L594 154L593 151C592 150 590 150 590 150L587 149L585 146L582 144L581 142L581 138L582 136L584 135L585 133L584 132L582 131L581 130L583 128L585 127L587 127L590 127L592 126" fill="none" fill-opacity="0" stroke="#7ca842" stroke-width="0.5" />
                <path d="M510 191L510 193L508 195L507 196L505 197L504 198L504 199L503 200L501 202L501 203L498 206C497 207 496 208 496 208L496 210L498 211L500 213C501 213 503 216 503 216L505 217L509 218L510 219L510 220L508 220L508 221L508 222L509 223L511 223C512 224 513 224 513 224C515 224 516 224 516 224C517 225 516 226 516 226L515 227L515 229L514 230L514 231L513 232L514 233L516 233C518 233 519 233 519 233L522 234L522 232L521 231L522 230C523 229 524 229 524 229L524 228C526 228 527 229 527 229L527 231C526 232 526 233 526 233C525 233 525 234 525 234L525 235C526 236 526 237 526 237L526 238C527 238 528 238 528 238C529 238 529 239 529 239L529 241C529 242 529 243 529 243" fill="none" fill-opacity="0" stroke="#7ca842" stroke-width="1" />
                <path id="cd-line2" d="M510 191L510 193L508 195L507 196L505 197L504 198L504 199L503 200L501 202L501 203L498 206C497 207 496 208 496 208L496 210L498 211L500 213C501 213 503 216 503 216L505 217L509 218L510 219L510 220L508 220L508 221L508 222L509 223L511 223C512 224 513 224 513 224C515 224 516 224 516 224C517 225 516 226 516 226L515 227L515 229L514 230L514 231L513 232L514 233L516 233C518 233 519 233 519 233L522 234L522 232L521 231L522 230C523 229 524 229 524 229L524 228C526 228 527 229 527 229L527 231C526 232 526 233 526 233C525 233 525 234 525 234L525 235C526 236 526 237 526 237L526 238C527 238 528 238 528 238C529 238 529 239 529 239L529 241C529 242 529 243 529 243M529 242" fill="none" fill-opacity="0" stroke="#79A542" />
           </svg>

技术图片

 

用SVGDeveloper制作svg地图

标签:移动   通过   点击   背景图片   18C   并且   fill   位置   family   

原文地址:https://www.cnblogs.com/smedas/p/12604463.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!