<template>
<div class="svg-map-nx">
<svg
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px"
y="0px"
:viewBox="
$store.state.themeName === 'light' ? '-10 -50 700 540' : '0 -20 610 505'
"
:style="
'enable-background: new 0 0 745.3 459; transform: rotateX(' +
deg +
'deg); left: ' +
svgLeft +
'; top: ' +
svgTop +
';'
"
xml:space="preserve"
:width="svgWidth"
:height="svgHeight"
>
<defs>
<g id="nx-map-line-1">
<line
class="nx-map-line"
x1="25"
y1="25"
x2="25"
y2="60"
stroke="#16FFAA"
stroke-width="1"
/>
<circle
class="nx-map-up-circle"
cx="25"
cy="25"
r="1"
fill="#16FFAA"
/>
</g>
<g id="nx-map-circle-1">
<circle
class="nx-map-down-circle-1"
cx="25"
cy="80"
r="1"
fill="#EAFF00"
/>
<circle
class="nx-map-down-circle-2"
cx="25"
cy="80"
r="3"
stroke="#EAFF00"
stroke-width="1"
fill="none"
>
<!-- <animate attributeType="XML" attributeName="r" from="3" to="20" dur="3s" repeatCount="indefinite"/>
<animate attributeType="XML" attributeName="opacity" values="1;1;1;1;1;0" dur="3s" repeatCount="indefinite"/> -->
</circle>
<circle
class="nx-map-down-circle-3"
cx="25"
cy="80"
r="6"
opacity="0.6"
stroke="#EAFF00"
stroke-width="1"
fill="none"
></circle>
</g>
<g id="popup-box-svg">
<rect
x="0"
y="0"
width="130"
height="130"
stroke="#46C55A35"
fill="#000000"
opacity="0.8"
/>
<circle cx="4" cy="4" r="2" fill="#ffffff">
<animate
attributeType="XML"
attributeName="fill"
values="#ffffff;transparent;#ffffff"
dur="2s"
repeatCount="indefinite"
/>
</circle>
<circle cx="126" cy="4" r="2" fill="#ffffff">
<animate
attributeType="XML"
attributeName="fill"
values="#ffffff;transparent;#ffffff"
dur="2s"
repeatCount="indefinite"
/>
</circle>
<circle cx="4" cy="126" r="2" fill="#ffffff">
<animate
attributeType="XML"
attributeName="fill"
values="#ffffff;transparent;#ffffff"
dur="2s"
repeatCount="indefinite"
/>
</circle>
<circle cx="126" cy="126" r="2" fill="#ffffff">
<animate
attributeType="XML"
attributeName="fill"
values="#ffffff;transparent;#ffffff"
dur="2s"
repeatCount="indefinite"
/>
</circle>
</g>
<g id="effects-svg-path">
<path
class="effects-svg-path esp-6"
:style="'stroke-dashoffset: ' + sd"
fill="none"
d="m400.56702,10.66952c2.23778,-0.66269 4.39873,-1.68074 6.74215,-1.94965c2.35303,0.00961 4.64843,0.59546 6.98225,0.93161c2.75641,0.50902 5.7241,0.73952 8.10595,2.38184c2.30501,1.54628 4.10099,3.69762 5.82975,5.83936c3.36147,4.33149 7.00146,8.4517 9.91153,13.11934c0.94121,1.21973 1.6135,2.88126 3.10215,3.54395c3.79366,0.64348 7.90426,-0.80676 11.48663,1.04686c2.41065,1.16211 5.09023,1.78638 7.35682,3.23662c1.67113,1.95926 2.90047,4.24506 4.24506,6.44442c1.844,-0.2305 3.92812,-0.16327 5.41677,-1.50786c4.95577,-3.85128 9.51777,-9.1336 16.14467,-9.8347c1.62311,4.63883 1.24854,9.62341 1.40221,14.46393c-0.02881,7.41444 0.49942,14.92493 -0.93161,22.25294c-0.70111,3.55356 -4.38912,5.52242 -5.37836,8.9127c-0.36496,3.51514 -0.16327,7.22236 -2.03609,10.38214c0.88359,-0.33615 1.76717,-0.63387 2.70839,-0.9028c-0.33615,2.85245 -0.74913,5.78173 -2.11293,8.35566c-1.18132,2.31461 -3.37108,3.81287 -5.21508,5.54162c-3.79366,3.26543 -6.6461,7.47207 -10.56462,10.58383c-2.68917,2.19936 -5.81054,3.75524 -8.54774,5.85856c-2.70839,2.09372 -4.61002,4.97497 -6.87661,7.49128c-2.39145,2.69878 -5.29192,4.91736 -7.46247,7.80822c-1.92084,2.53551 -3.69762,5.16706 -5.63767,7.67375c1.52707,0.461 3.05414,0.9124 4.61002,1.3734c0.6915,4.5716 1.25815,9.64262 -1.24854,13.80124c-2.61234,4.84052 -7.80822,7.62573 -10.20927,12.61992c2.48749,3.06374 4.89814,6.21392 6.95344,9.6042c1.55588,2.48749 3.04453,5.20547 5.59925,6.8478c1.99767,1.53667 4.50437,2.50669 6.11788,4.51397c2.04569,4.49477 2.24738,9.54658 1.8248,14.38709c0.28813,0.01921 0.87398,0.05763 1.16211,0.07683c0.09604,-2.02649 0.06723,-4.09139 0.60506,-6.06025c1.46944,-1.31578 3.45751,-1.72876 5.30152,-2.33382c0.39378,4.20664 0.00961,8.41328 -0.34575,12.61032c-0.49942,5.86817 0.63387,11.83238 -0.82596,17.61411c-0.78754,-0.65309 -1.55588,-1.30617 -2.30501,-1.95926c-0.33615,3.63999 -0.54744,7.3184 -1.44063,10.88156c-0.79715,3.08295 -2.53551,5.79134 -3.6592,8.74943c-1.21013,3.15978 -1.3734,6.61729 -2.65076,9.74827c-2.43947,5.51281 -6.01223,10.45898 -10.2765,14.70404c-2.91008,2.77561 -3.15017,7.39523 -6.49244,9.78668c-3.50554,2.63155 -6.71334,6.05065 -11.14087,7.0783c-6.24273,1.73836 -12.46626,3.69762 -18.22878,6.70373c-5.18627,2.68917 -11.12167,4.31229 -15.41474,8.44209c-0.97963,2.61234 -0.22089,5.7241 -1.49826,8.33645c-1.94965,4.52358 -2.87165,9.98837 -7.25118,12.94646c-2.65076,2.35303 -6.86701,1.40221 -9.07597,-1.07567c-3.63999,-3.63039 -4.05297,-9.1336 -3.97614,-13.99332c0,-1.99767 1.44063,-3.53434 2.41065,-5.14786c-5.28231,-4.42754 -12.94646,-2.13213 -18.54571,-5.86817c-4.41793,-2.59313 -7.56811,-7.57772 -12.93686,-8.30764c-4.04337,-0.06723 -7.7794,1.73836 -11.63069,2.65076c-3.77445,1.03726 -7.7698,0.9124 -11.51544,2.01688c-4.10099,1.70955 -6.50205,6.09867 -10.81433,7.43366c-5.74331,1.20052 -11.69792,-1.45024 -15.73169,-5.4936c-3.38068,-3.35187 -4.39873,-8.2308 -7.25118,-11.94763c-2.38184,-3.05414 -5.83936,-5.01339 -8.38447,-7.89466c-1.96886,-2.18976 -2.12252,-5.29192 -2.5163,-8.05792c-0.26892,-3.4287 -0.97002,-7.12632 0.64348,-10.34372c1.3638,-3.01572 4.29308,-4.7925 6.42521,-7.20316c0.20169,-1.07567 0.04802,-2.36263 -0.86437,-3.08295c-2.04569,-1.91124 -4.91736,-2.39145 -7.56811,-2.81403c-4.32189,-0.60506 -8.69181,-1.28696 -13.05211,-0.89319c-7.00146,0.6723 -12.40863,6.36758 -19.47732,6.70373c-2.92928,0.17287 -5.51281,-1.49826 -7.64494,-3.31345c-3.47672,-2.93889 -6.79977,-6.38679 -11.25613,-7.7794c-5.67608,-1.72876 -11.68831,1.07567 -17.31638,-0.89319c-6.40601,-1.95926 -13.29222,-2.52591 -19.22762,-5.82975c-6.52125,-3.08295 -11.1985,-8.73022 -16.84577,-13.01369c-3.95693,-3.07334 -7.46247,-6.79017 -11.94763,-9.11439c-2.30501,-1.25815 -4.7925,-2.17055 -6.94384,-3.6688c-2.31461,-1.87282 -3.82247,-4.50437 -6.01223,-6.47323c-2.81403,-2.70839 -6.35798,-4.56199 -8.9319,-7.51049c-0.81635,-2.06491 -0.96042,-4.30268 -1.48865,-6.43482c-1.06607,-4.53319 -2.48749,-9.18162 -1.86321,-13.88768c1.1429,-1.42143 2.9677,-2.00728 4.52358,-2.89086c-0.27852,-2.82363 -0.66269,-5.81054 -2.47789,-8.10595c-2.03609,-2.45867 -4.82131,-4.12021 -7.03027,-6.37719c-3.50554,-3.45751 -5.36875,-8.09634 -8.07714,-12.1205c-1.49826,-2.31461 -3.31345,-4.43714 -4.49477,-6.94384c-1.41182,-3.05414 -1.63271,-6.46363 -1.71915,-9.76748c1.18132,-0.29773 2.38184,-0.58585 3.59197,-0.87398c-0.04802,-0.35535 -0.15367,-1.08528 -0.20169,-1.44063c-1.27736,-0.40337 -2.54511,-0.79715 -3.80326,-1.19092c-1.28696,-3.71682 -2.40105,-7.58732 -2.26659,-11.56346c0.00961,-3.59197 3.06374,-6.13708 5.57044,-8.26922c3.10215,-1.5943 6.6461,-2.40105 10.12283,-2.63155c2.91008,-0.26892 5.05181,1.99767 7.24157,3.52474c1.10448,-1.3638 2.15134,-2.79482 3.48632,-3.96654c1.45024,-0.57625 3.07334,-0.14406 4.61002,-0.20169c3.67841,0.24971 7.17434,-1.18132 10.71829,-1.95926c2.61234,-0.72992 5.39756,-1.1429 7.7794,-2.53551c1.68074,-2.54511 2.77561,-5.484 3.36147,-8.4709c0.30733,-3.24622 0.10565,-6.53086 0.38417,-9.78668c0.42259,1.99767 0.75873,4.00495 1.22934,5.99302c0.24011,-3.6592 -1.3734,-7.00146 -2.23778,-10.46858c4.98458,-1.6135 10.2861,-0.62428 15.40514,-1.40221c1.91124,-3.24622 3.63999,-6.59809 5.56084,-9.84431c0.89319,-1.25815 1.67113,-3.01572 3.39989,-3.26543c2.42026,0.97002 4.53319,2.62195 7.0783,3.31345c2.2858,0.50902 4.64843,0.27852 6.98225,0.25931c0.08644,-2.65076 -0.07683,-5.35914 0.65309,-7.93307c1.01804,-2.68917 4.40833,-2.30501 6.69413,-3.05414c0.6723,-1.28696 1.31578,-2.61234 2.19936,-3.78406c2.75641,-0.61467 5.58964,-0.07683 8.35566,0.26892c0.70111,2.65076 1.08528,5.61846 3.08295,7.67375c2.40105,2.70839 6.15629,3.36147 9.06637,5.34954c1.6135,1.43102 2.41065,3.52474 3.39028,5.41677c1.12369,2.5163 2.57393,5.00379 2.77561,7.81782c0.18248,3.15017 0.01921,6.30996 -0.01921,9.46014c3.4191,1.6039 7.20316,1.98807 10.88156,2.71799c6.05065,0.98923 9.23924,7.33761 15.28028,8.51893c1.8248,3.81287 1.95926,9.04716 5.88738,11.43861c4.3603,1.45984 8.99914,1.92084 13.49391,2.9581c4.40833,0.99884 8.9127,0.01921 13.37865,0.20169c6.26194,0.54744 11.54425,4.28347 17.22034,6.6269c3.62078,2.08411 7.94268,1.07567 11.80357,2.43947c4.13941,-1.48865 7.72178,-4.27387 11.94763,-5.60886c4.99419,-1.86321 10.45898,-0.6723 15.56841,-1.92084c4.30268,-1.53667 7.82742,-5.13825 9.63301,-9.29687c0.42259,-4.20664 -0.04802,-8.49972 1.00844,-12.64874c0.62428,-0.15367 1.88243,-0.4418 2.5163,-0.58585c3.68801,-0.9028 7.3088,1.73836 10.9872,0.85478c1.844,-1.42143 3.05414,-3.48632 4.8021,-5.023c2.00728,-0.6723 4.15862,-0.84517 6.1851,-1.52707c1.57509,-1.44063 1.87282,-3.67841 2.55472,-5.59925c-2.31461,-2.14174 -5.09983,-3.81287 -7.05909,-6.29075c-2.9581,-8.29803 0.26892,-17.05706 3.47672,-24.75963c2.42986,0.34575 4.86933,0.95082 7.35682,0.74913c1.79598,-0.74913 3.46712,-1.91124 4.76369,-3.39028c0.85478,-2.65076 1.01804,-5.4744 1.57509,-8.20199c0.97963,-4.60041 -1.33498,-9.1336 -0.72992,-13.74361c0.54744,-2.19936 1.76717,-4.30268 3.55356,-5.7241c2.56432,-1.66152 5.60886,-2.31461 8.46131,-3.32306l0.00004,0.00003z"
></path>
<path
v-if="$store.state.themeName === 'dark'"
class="effects-svg-path esp-1"
:style="'stroke-dashoffset: ' + sd"
fill="none"
d="m400.56702,10.66952c2.23778,-0.66269 4.39873,-1.68074 6.74215,-1.94965c2.35303,0.00961 4.64843,0.59546 6.98225,0.93161c2.75641,0.50902 5.7241,0.73952 8.10595,2.38184c2.30501,1.54628 4.10099,3.69762 5.82975,5.83936c3.36147,4.33149 7.00146,8.4517 9.91153,13.11934c0.94121,1.21973 1.6135,2.88126 3.10215,3.54395c3.79366,0.64348 7.90426,-0.80676 11.48663,1.04686c2.41065,1.16211 5.09023,1.78638 7.35682,3.23662c1.67113,1.95926 2.90047,4.24506 4.24506,6.44442c1.844,-0.2305 3.92812,-0.16327 5.41677,-1.50786c4.95577,-3.85128 9.51777,-9.1336 16.14467,-9.8347c1.62311,4.63883 1.24854,9.62341 1.40221,14.46393c-0.02881,7.41444 0.49942,14.92493 -0.93161,22.25294c-0.70111,3.55356 -4.38912,5.52242 -5.37836,8.9127c-0.36496,3.51514 -0.16327,7.22236 -2.03609,10.38214c0.88359,-0.33615 1.76717,-0.63387 2.70839,-0.9028c-0.33615,2.85245 -0.74913,5.78173 -2.11293,8.35566c-1.18132,2.31461 -3.37108,3.81287 -5.21508,5.54162c-3.79366,3.26543 -6.6461,7.47207 -10.56462,10.58383c-2.68917,2.19936 -5.81054,3.75524 -8.54774,5.85856c-2.70839,2.09372 -4.61002,4.97497 -6.87661,7.49128c-2.39145,2.69878 -5.29192,4.91736 -7.46247,7.80822c-1.92084,2.53551 -3.69762,5.16706 -5.63767,7.67375c1.52707,0.461 3.05414,0.9124 4.61002,1.3734c0.6915,4.5716 1.25815,9.64262 -1.24854,13.80124c-2.61234,4.84052 -7.80822,7.62573 -10.20927,12.61992c2.48749,3.06374 4.89814,6.21392 6.95344,9.6042c1.55588,2.48749 3.04453,5.20547 5.59925,6.8478c1.99767,1.53667 4.50437,2.50669 6.11788,4.51397c2.04569,4.49477 2.24738,9.54658 1.8248,14.38709c0.28813,0.01921 0.87398,0.05763 1.16211,0.07683c0.09604,-2.02649 0.06723,-4.09139 0.60506,-6.06025c1.46944,-1.31578 3.45751,-1.72876 5.30152,-2.33382c0.39378,4.20664 0.00961,8.41328 -0.34575,12.61032c-0.49942,5.86817 0.63387,11.83238 -0.82596,17.61411c-0.78754,-0.65309 -1.55588,-1.30617 -2.30501,-1.95926c-0.33615,3.63999 -0.54744,7.3184 -1.44063,10.88156c-0.79715,3.08295 -2.53551,5.79134 -3.6592,8.74943c-1.21013,3.15978 -1.3734,6.61729 -2.65076,9.74827c-2.43947,5.51281 -6.01223,10.45898 -10.2765,14.70404c-2.91008,2.77561 -3.15017,7.39523 -6.49244,9.78668c-3.50554,2.63155 -6.71334,6.05065 -11.14087,7.0783c-6.24273,1.73836 -12.46626,3.69762 -18.22878,6.70373c-5.18627,2.68917 -11.12167,4.31229 -15.41474,8.44209c-0.97963,2.61234 -0.22089,5.7241 -1.49826,8.33645c-1.94965,4.52358 -2.87165,9.98837 -7.25118,12.94646c-2.65076,2.35303 -6.86701,1.40221 -9.07597,-1.07567c-3.63999,-3.63039 -4.05297,-9.1336 -3.97614,-13.99332c0,-1.99767 1.44063,-3.53434 2.41065,-5.14786c-5.28231,-4.42754 -12.94646,-2.13213 -18.54571,-5.86817c-4.41793,-2.59313 -7.56811,-7.57772 -12.93686,-8.30764c-4.04337,-0.06723 -7.7794,1.73836 -11.63069,2.65076c-3.77445,1.03726 -7.7698,0.9124 -11.51544,2.01688c-4.10099,1.70955 -6.50205,6.09867 -10.81433,7.43366c-5.74331,1.20052 -11.69792,-1.45024 -15.73169,-5.4936c-3.38068,-3.35187 -4.39873,-8.2308 -7.25118,-11.94763c-2.38184,-3.05414 -5.83936,-5.01339 -8.38447,-7.89466c-1.96886,-2.18976 -2.12252,-5.29192 -2.5163,-8.05792c-0.26892,-3.4287 -0.97002,-7.12632 0.64348,-10.34372c1.3638,-3.01572 4.29308,-4.7925 6.42521,-7.20316c0.20169,-1.07567 0.04802,-2.36263 -0.86437,-3.08295c-2.04569,-1.91124 -4.91736,-2.39145 -7.56811,-2.81403c-4.32189,-0.60506 -8.69181,-1.28696 -13.05211,-0.89319c-7.00146,0.6723 -12.40863,6.36758 -19.47732,6.70373c-2.92928,0.17287 -5.51281,-1.49826 -7.64494,-3.31345c-3.47672,-2.93889 -6.79977,-6.38679 -11.25613,-7.7794c-5.67608,-1.72876 -11.68831,1.07567 -17.31638,-0.89319c-6.40601,-1.95926 -13.29222,-2.52591 -19.22762,-5.82975c-6.52125,-3.08295 -11.1985,-8.73022 -16.84577,-13.01369c-3.95693,-3.07334 -7.46247,-6.79017 -11.94763,-9.11439c-2.30501,-1.25815 -4.7925,-2.17055 -6.94384,-3.6688c-2.31461,-1.87282 -3.82247,-4.50437 -6.01223,-6.47323c-2.81403,-2.70839 -6.35798,-4.56199 -8.9319,-7.51049c-0.81635,-2.06491 -0.96042,-4.30268 -1.48865,-6.43482c-1.06607,-4.53319 -2.48749,-9.18162 -1.86321,-13.88768c1.1429,-1.42143 2.9677,-2.00728 4.52358,-2.89086c-0.27852,-2.82363 -0.66269,-5.81054 -2.47789,-8.10595c-2.03609,-2.45867 -4.82131,-4.12021 -7.03027,-6.37719c-3.50554,-3.45751 -5.36875,-8.09634 -8.07714,-12.1205c-1.49826,-2.31461 -3.31345,-4.43714 -4.49477,-6.94384c-1.41182,-3.05414 -1.63271,-6.46363 -1.71915,-9.76748c1.18132,-0.29773 2.38184,-0.58585 3.59197,-0.87398c-0.04802,-0.35535 -0.15367,-1.08528 -0.20169,-1.44063c-1.27736,-0.40337 -2.54511,-0.79715 -3.80326,-1.19092c-1.28696,-3.71682 -2.40105,-7.58732 -2.26659,-11.56346c0.00961,-3.59197 3.06374,-6.13708 5.57044,-8.26922c3.10215,-1.5943 6.6461,-2.40105 10.12283,-2.63155c2.91008,-0.26892 5.05181,1.99767 7.24157,3.52474c1.10448,-1.3638 2.15134,-2.79482 3.48632,-3.96654c1.45024,-0.57625 3.07334,-0.14406 4.61002,-0.20169c3.67841,0.24971 7.17434,-1.18132 10.71829,-1.95926c2.61234,-0.72992 5.39756,-1.1429 7.7794,-2.53551c1.68074,-2.54511 2.77561,-5.484 3.36147,-8.4709c0.30733,-3.24622 0.10565,-6.53086 0.38417,-9.78668c0.42259,1.99767 0.75873,4.00495 1.22934,5.99302c0.24011,-3.6592 -1.3734,-7.00146 -2.23778,-10.46858c4.98458,-1.6135 10.2861,-0.62428 15.40514,-1.40221c1.91124,-3.24622 3.63999,-6.59809 5.56084,-9.84431c0.89319,-1.25815 1.67113,-3.01572 3.39989,-3.26543c2.42026,0.97002 4.53319,2.62195 7.0783,3.31345c2.2858,0.50902 4.64843,0.27852 6.98225,0.25931c0.08644,-2.65076 -0.07683,-5.35914 0.65309,-7.93307c1.01804,-2.68917 4.40833,-2.30501 6.69413,-3.05414c0.6723,-1.28696 1.31578,-2.61234 2.19936,-3.78406c2.75641,-0.61467 5.58964,-0.07683 8.35566,0.26892c0.70111,2.65076 1.08528,5.61846 3.08295,7.67375c2.40105,2.70839 6.15629,3.36147 9.06637,5.34954c1.6135,1.43102 2.41065,3.52474 3.39028,5.41677c1.12369,2.5163 2.57393,5.00379 2.77561,7.81782c0.18248,3.15017 0.01921,6.30996 -0.01921,9.46014c3.4191,1.6039 7.20316,1.98807 10.88156,2.71799c6.05065,0.98923 9.23924,7.33761 15.28028,8.51893c1.8248,3.81287 1.95926,9.04716 5.88738,11.43861c4.3603,1.45984 8.99914,1.92084 13.49391,2.9581c4.40833,0.99884 8.9127,0.01921 13.37865,0.20169c6.26194,0.54744 11.54425,4.28347 17.22034,6.6269c3.62078,2.08411 7.94268,1.07567 11.80357,2.43947c4.13941,-1.48865 7.72178,-4.27387 11.94763,-5.60886c4.99419,-1.86321 10.45898,-0.6723 15.56841,-1.92084c4.30268,-1.53667 7.82742,-5.13825 9.63301,-9.29687c0.42259,-4.20664 -0.04802,-8.49972 1.00844,-12.64874c0.62428,-0.15367 1.88243,-0.4418 2.5163,-0.58585c3.68801,-0.9028 7.3088,1.73836 10.9872,0.85478c1.844,-1.42143 3.05414,-3.48632 4.8021,-5.023c2.00728,-0.6723 4.15862,-0.84517 6.1851,-1.52707c1.57509,-1.44063 1.87282,-3.67841 2.55472,-5.59925c-2.31461,-2.14174 -5.09983,-3.81287 -7.05909,-6.29075c-2.9581,-8.29803 0.26892,-17.05706 3.47672,-24.75963c2.42986,0.34575 4.86933,0.95082 7.35682,0.74913c1.79598,-0.74913 3.46712,-1.91124 4.76369,-3.39028c0.85478,-2.65076 1.01804,-5.4744 1.57509,-8.20199c0.97963,-4.60041 -1.33498,-9.1336 -0.72992,-13.74361c0.54744,-2.19936 1.76717,-4.30268 3.55356,-5.7241c2.56432,-1.66152 5.60886,-2.31461 8.46131,-3.32306l0.00004,0.00003z"
></path>
<path
v-if="$store.state.themeName === 'light'"
class="effects-svg-path esp-1"
:style="'stroke-dashoffset: ' + sd"
fill="none"
d="m440.56702,0.66952c2.23778,-0.66269 4.39873,-1.68074 6.74215,-1.94965c2.35303,0.00961 4.64843,0.59546 6.98225,0.93161c2.75641,0.50902 5.7241,0.73952 8.10595,2.38184c2.30501,1.54628 4.10099,3.69762 5.82975,5.83936c3.36147,4.33149 7.00146,8.4517 9.91153,13.11934c0.94121,1.21973 1.6135,2.88126 3.10215,3.54395c3.79366,0.64348 7.90426,-0.80676 11.48663,1.04686c2.41065,1.16211 5.09023,1.78638 7.35682,3.23662c1.67113,1.95926 2.90047,4.24506 4.24506,6.44442c1.844,-0.2305 3.92812,-0.16327 5.41677,-1.50786c4.95577,-3.85128 9.51777,-9.1336 16.14467,-9.8347c1.62311,4.63883 1.24854,9.62341 1.40221,14.46393c-0.02881,7.41444 0.49942,14.92493 -0.93161,22.25294c-0.70111,3.55356 -4.38912,5.52242 -5.37836,8.9127c-0.36496,3.51514 -0.16327,7.22236 -2.03609,10.38214c0.88359,-0.33615 1.76717,-0.63387 2.70839,-0.9028c-0.33615,2.85245 -0.74913,5.78173 -2.11293,8.35566c-1.18132,2.31461 -3.37108,3.81287 -5.21508,5.54162c-3.79366,3.26543 -6.6461,7.47207 -10.56462,10.58383c-2.68917,2.19936 -5.81054,3.75524 -8.54774,5.85856c-2.70839,2.09372 -4.61002,4.97497 -6.87661,7.49128c-2.39145,2.69878 -5.29192,4.91736 -7.46247,7.80822c-1.92084,2.53551 -3.69762,5.16706 -5.63767,7.67375c1.52707,0.461 3.05414,0.9124 4.61002,1.3734c0.6915,4.5716 1.25815,9.64262 -1.24854,13.80124c-2.61234,4.84052 -7.80822,7.62573 -10.20927,12.61992c2.48749,3.06374 4.89814,6.21392 6.95344,9.6042c1.55588,2.48749 3.04453,5.20547 5.59925,6.8478c1.99767,1.53667 4.50437,2.50669 6.11788,4.51397c2.04569,4.49477 2.24738,9.54658 1.8248,14.38709c0.28813,0.01921 0.87398,0.05763 1.16211,0.07683c0.09604,-2.02649 0.06723,-4.09139 0.60506,-6.06025c1.46944,-1.31578 3.45751,-1.72876 5.30152,-2.33382c0.39378,4.20664 0.00961,8.41328 -0.34575,12.61032c-0.49942,5.86817 0.63387,11.83238 -0.82596,17.61411c-0.78754,-0.65309 -1.55588,-1.30617 -2.30501,-1.95926c-0.33615,3.63999 -0.54744,7.3184 -1.44063,10.88156c-0.79715,3.08295 -2.53551,5.79134 -3.6592,8.74943c-1.21013,3.15978 -1.3734,6.61729 -2.65076,9.74827c-2.43947,5.51281 -6.01223,10.45898 -10.2765,14.70404c-2.91008,2.77561 -3.15017,7.39523 -6.49244,9.78668c-3.50554,2.63155 -6.71334,6.05065 -11.14087,7.0783c-6.24273,1.73836 -12.46626,3.69762 -18.22878,6.70373c-5.18627,2.68917 -11.12167,4.31229 -15.41474,8.44209c-0.97963,2.61234 -0.22089,5.7241 -1.49826,8.33645c-1.94965,4.52358 -2.87165,9.98837 -7.25118,12.94646c-2.65076,2.35303 -6.86701,1.40221 -9.07597,-1.07567c-3.63999,-3.63039 -4.05297,-9.1336 -3.97614,-13.99332c0,-1.99767 1.44063,-3.53434 2.41065,-5.14786c-5.28231,-4.42754 -12.94646,-2.13213 -18.54571,-5.86817c-4.41793,-2.59313 -7.56811,-7.57772 -12.93686,-8.30764c-4.04337,-0.06723 -7.7794,1.73836 -11.63069,2.65076c-3.77445,1.03726 -7.7698,0.9124 -11.51544,2.01688c-4.10099,1.70955 -6.50205,6.09867 -10.81433,7.43366c-5.74331,1.20052 -11.69792,-1.45024 -15.73169,-5.4936c-3.38068,-3.35187 -4.39873,-8.2308 -7.25118,-11.94763c-2.38184,-3.05414 -5.83936,-5.01339 -8.38447,-7.89466c-1.96886,-2.18976 -2.12252,-5.29192 -2.5163,-8.05792c-0.26892,-3.4287 -0.97002,-7.12632 0.64348,-10.34372c1.3638,-3.01572 4.29308,-4.7925 6.42521,-7.20316c0.20169,-1.07567 0.04802,-2.36263 -0.86437,-3.08295c-2.04569,-1.91124 -4.91736,-2.39145 -7.56811,-2.81403c-4.32189,-0.60506 -8.69181,-1.28696 -13.05211,-0.89319c-7.00146,0.6723 -12.40863,6.36758 -19.47732,6.70373c-2.92928,0.17287 -5.51281,-1.49826 -7.64494,-3.31345c-3.47672,-2.93889 -6.79977,-6.38679 -11.25613,-7.7794c-5.67608,-1.72876 -11.68831,1.07567 -17.31638,-0.89319c-6.40601,-1.95926 -13.29222,-2.52591 -19.22762,-5.82975c-6.52125,-3.08295 -11.1985,-8.73022 -16.84577,-13.01369c-3.95693,-3.07334 -7.46247,-6.79017 -11.94763,-9.11439c-2.30501,-1.25815 -4.7925,-2.17055 -6.94384,-3.6688c-2.31461,-1.87282 -3.82247,-4.50437 -6.01223,-6.47323c-2.81403,-2.70839 -6.35798,-4.56199 -8.9319,-7.51049c-0.81635,-2.06491 -0.96042,-4.30268 -1.48865,-6.43482c-1.06607,-4.53319 -2.48749,-9.18162 -1.86321,-13.88768c1.1429,-1.42143 2.9677,-2.00728 4.52358,-2.89086c-0.27852,-2.82363 -0.66269,-5.81054 -2.47789,-8.10595c-2.03609,-2.45867 -4.82131,-4.12021 -7.03027,-6.37719c-3.50554,-3.45751 -5.36875,-8.09634 -8.07714,-12.1205c-1.49826,-2.31461 -3.31345,-4.43714 -4.49477,-6.94384c-1.41182,-3.05414 -1.63271,-6.46363 -1.71915,-9.76748c1.18132,-0.29773 2.38184,-0.58585 3.59197,-0.87398c-0.04802,-0.35535 -0.15367,-1.08528 -0.20169,-1.44063c-1.27736,-0.40337 -2.54511,-0.79715 -3.80326,-1.19092c-1.28696,-3.71682 -2.40105,-7.58732 -2.26659,-11.56346c0.00961,-3.59197 3.06374,-6.13708 5.57044,-8.26922c3.10215,-1.5943 6.6461,-2.40105 10.12283,-2.63155c2.91008,-0.26892 5.05181,1.99767 7.24157,3.52474c1.10448,-1.3638 2.15134,-2.79482 3.48632,-3.96654c1.45024,-0.57625 3.07334,-0.14406 4.61002,-0.20169c3.67841,0.24971 7.17434,-1.18132 10.71829,-1.95926c2.61234,-0.72992 5.39756,-1.1429 7.7794,-2.53551c1.68074,-2.54511 2.77561,-5.484 3.36147,-8.4709c0.30733,-3.24622 0.10565,-6.53086 0.38417,-9.78668c0.42259,1.99767 0.75873,4.00495 1.22934,5.99302c0.24011,-3.6592 -1.3734,-7.00146 -2.23778,-10.46858c4.98458,-1.6135 10.2861,-0.62428 15.40514,-1.40221c1.91124,-3.24622 3.63999,-6.59809 5.56084,-9.84431c0.89319,-1.25815 1.67113,-3.01572 3.39989,-3.26543c2.42026,0.97002 4.53319,2.62195 7.0783,3.31345c2.2858,0.50902 4.64843,0.27852 6.98225,0.25931c0.08644,-2.65076 -0.07683,-5.35914 0.65309,-7.93307c1.01804,-2.68917 4.40833,-2.30501 6.69413,-3.05414c0.6723,-1.28696 1.31578,-2.61234 2.19936,-3.78406c2.75641,-0.61467 5.58964,-0.07683 8.35566,0.26892c0.70111,2.65076 1.08528,5.61846 3.08295,7.67375c2.40105,2.70839 6.15629,3.36147 9.06637,5.34954c1.6135,1.43102 2.41065,3.52474 3.39028,5.41677c1.12369,2.5163 2.57393,5.00379 2.77561,7.81782c0.18248,3.15017 0.01921,6.30996 -0.01921,9.46014c3.4191,1.6039 7.20316,1.98807 10.88156,2.71799c6.05065,0.98923 9.23924,7.33761 15.28028,8.51893c1.8248,3.81287 1.95926,9.04716 5.88738,11.43861c4.3603,1.45984 8.99914,1.92084 13.49391,2.9581c4.40833,0.99884 8.9127,0.01921 13.37865,0.20169c6.26194,0.54744 11.54425,4.28347 17.22034,6.6269c3.62078,2.08411 7.94268,1.07567 11.80357,2.43947c4.13941,-1.48865 7.72178,-4.27387 11.94763,-5.60886c4.99419,-1.86321 10.45898,-0.6723 15.56841,-1.92084c4.30268,-1.53667 7.82742,-5.13825 9.63301,-9.29687c0.42259,-4.20664 -0.04802,-8.49972 1.00844,-12.64874c0.62428,-0.15367 1.88243,-0.4418 2.5163,-0.58585c3.68801,-0.9028 7.3088,1.73836 10.9872,0.85478c1.844,-1.42143 3.05414,-3.48632 4.8021,-5.023c2.00728,-0.6723 4.15862,-0.84517 6.1851,-1.52707c1.57509,-1.44063 1.87282,-3.67841 2.55472,-5.59925c-2.31461,-2.14174 -5.09983,-3.81287 -7.05909,-6.29075c-2.9581,-8.29803 0.26892,-17.05706 3.47672,-24.75963c2.42986,0.34575 4.86933,0.95082 7.35682,0.74913c1.79598,-0.74913 3.46712,-1.91124 4.76369,-3.39028c0.85478,-2.65076 1.01804,-5.4744 1.57509,-8.20199c0.97963,-4.60041 -1.33498,-9.1336 -0.72992,-13.74361c0.54744,-2.19936 1.76717,-4.30268 3.55356,-5.7241c2.56432,-1.66152 5.60886,-2.31461 8.46131,-3.32306l0.00004,0.00003z"
></path>
</g>
</defs>
<circle cx="390" cy="200" :r="r" fill="none" class="esp-c"></circle>
<use
v-for="(y, index) of effectsY"
:key="index"
x="55"
:y="y[0]"
:opacity="y[1]"
xlink:href="#effects-svg-path"
></use>
<g :opacity="o">
<image
v-if="$store.state.themeName === 'dark'"
style="overflow: visible"
width="912"
height="340"
id="map-main"
xlink:href="@assets/mapz/dt_h.png"
transform="matrix(1 0 0 1 -113 60.6679)"
/>
<image
v-if="$store.state.themeName === 'light'"
style="overflow: visible"
width="912"
height="340"
id="map-main"
xlink:href="@/assets/mapz/dt_b.png"
transform="matrix(1 0 0 1 -70 50.6679)"
/>
<g>
<!-- 河北 -->
<g v-if="showPoint && $store.state.themeName === 'dark'">
<g
v-if="showType === 'all' || showType === 'fc'"
class="item-label"
@click.stop="clickIncident('河北')"
@mouseover="mouseoverIncident('河北')"
@mouseout="mouseoutIncident('河北')"
>
<use
xlink:href="#nx-map-circle-1"
x="415"
y="120"
width="100"
height="100"
/>
<text class="mapKey" x="435" y="195" fill="#fff" font-size="8">
河北
</text>
<g v-show="mapDataContentState === '河北'">
<g
v-if="
homeSuspensionWindowsData[getmapName('河北')]
?.industryState &&
homeSuspensionWindowsData[getmapName('河北')]?.companyState
"
>
<rect
x="435"
y="80"
width="130"
height="105"
fill="#000000"
stroke="#46C55A35"
opacity="0.8"
/>
<text
x="440"
y="93"
fill="#919697"
font-size="8"
font-weight="bold"
>
清洁能源产业
</text>
<text x="440" y="105" fill="#919697" font-size="8">
总装机容量
</text>
<text x="490" y="105" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("河北")]
?.hbcyzzjrl || 0
}}
</text>
<text x="510" y="105" fill="#919697" font-size="8">MW</text>
<text x="440" y="117" fill="#919697" font-size="8">风场</text>
<text x="460" y="117" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("河北")]
?.hbcyfdcsl || 0
}}
</text>
<text x="470" y="117" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="520" y="117" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("河北")]
?.hbcyfdzjrl || 0
}}
</text>
<text x="540" y="117" fill="#919697" font-size="8">MW</text>
<text x="440" y="129" fill="#919697" font-size="8">光伏</text>
<text x="460" y="129" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("河北")]
?.hbcygfcsl || 0
}}
</text>
<text x="470" y="129" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="520" y="129" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("河北")]
?.hbcygfzjrl || 0
}}
</text>
<text x="540" y="129" fill="#919697" font-size="8">MW</text>
<text
x="440"
y="141"
fill="#919697"
font-size="8"
font-weight="bold"
>
清洁能源公司
</text>
<text x="440" y="153" fill="#919697" font-size="8">
总装机容量
</text>
<text x="490" y="153" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("河北")]
?.hbgszzjrl || 0
}}
</text>
<text x="500" y="153" fill="#919697" font-size="8">MW</text>
<text x="440" y="165" fill="#919697" font-size="8">风场</text>
<text x="460" y="165" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("河北")]
?.hbgsfdcslcsl || 0
}}
</text>
<text x="470" y="165" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="520" y="165" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("河北")]
?.hbgsfdzjrl || 0
}}
</text>
<text x="540" y="165" fill="#919697" font-size="8">MW</text>
<text x="440" y="177" fill="#919697" font-size="8">光伏</text>
<text x="460" y="177" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("河北")]
?.hbgsgfcsl || 0
}}
</text>
<text x="470" y="177" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="520" y="177" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("河北")]
?.hbgsgfzjrl || 0
}}
</text>
<text x="540" y="177" fill="#919697" font-size="8">MW</text>
</g>
<g v-else>
<rect
x="435"
y="120"
width="130"
height="55"
fill="#000000"
stroke="#46C55A35"
opacity="0.8"
/>
<g
v-show="
homeSuspensionWindowsData[getmapName('河北')]
?.industryState
"
>
<text
x="440"
y="133"
fill="#919697"
font-size="8"
font-weight="bold"
>
清洁能源产业
</text>
<text x="440" y="145" fill="#919697" font-size="8">
总装机容量
</text>
<text x="490" y="145" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("河北")]
?.hbcyzzjrl || 0
}}
</text>
<text x="510" y="145" fill="#919697" font-size="8">MW</text>
<text x="440" y="157" fill="#919697" font-size="8">
风场
</text>
<text x="460" y="157" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("河北")]
?.hbcyfdcsl || 0
}}
</text>
<text x="470" y="157" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="520" y="157" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("河北")]
?.hbcyfdzjrl || 0
}}
</text>
<text x="540" y="157" fill="#919697" font-size="8">MW</text>
<text x="440" y="169" fill="#919697" font-size="8">
光伏
</text>
<text x="460" y="169" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("河北")]
?.hbcygfcsl || 0
}}
</text>
<text x="470" y="169" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="520" y="169" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("河北")]
?.hbcygfzjrl || 0
}}
</text>
<text x="540" y="169" fill="#919697" font-size="8">MW</text>
</g>
<g
v-show="
homeSuspensionWindowsData[getmapName('河北')]
?.companyState
"
>
<text
x="440"
y="133"
fill="#919697"
font-size="8"
font-weight="bold"
>
清洁能源公司
</text>
<text x="440" y="145" fill="#919697" font-size="8">
总装机容量
</text>
<text x="490" y="145" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("河北")]
?.hbgszzjrl || 0
}}
</text>
<text x="500" y="145" fill="#919697" font-size="8">MW</text>
<text x="440" y="157" fill="#919697" font-size="8">
风场
</text>
<text x="460" y="157" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("河北")]
?.hbgsfdcslcsl || 0
}}
</text>
<text x="470" y="157" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="520" y="157" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("河北")]
?.hbgsfdzjrl || 0
}}
</text>
<text x="540" y="157" fill="#919697" font-size="8">MW</text>
<text x="440" y="169" fill="#919697" font-size="8">
光伏
</text>
<text x="460" y="169" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("河北")]
?.hbgsgfcsl || 0
}}
</text>
<text x="470" y="169" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="520" y="169" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("河北")]
?.hbgsgfzjrl || 0
}}
</text>
<text x="540" y="169" fill="#919697" font-size="8">MW</text>
</g>
</g>
</g>
</g>
</g>
<g v-if="showPoint && $store.state.themeName === 'light'">
<g
v-if="showType === 'all' || showType === 'fc'"
class="item-label"
@click.stop="clickIncident('河北')"
@mouseover="mouseoverIncident('河北')"
@mouseout="mouseoutIncident('河北')"
>
<use
xlink:href="#nx-map-circle-1"
x="456"
y="110"
width="100"
height="100"
/>
<text class="mapKey" x="475" y="185" fill="#fff" font-size="8">
河北
</text>
<g v-show="mapDataContentState === '河北'">
<g
v-if="
homeSuspensionWindowsData[getmapName('河北')]
?.industryState &&
homeSuspensionWindowsData[getmapName('河北')]?.companyState
"
>
<rect
x="475"
y="65"
width="130"
height="105"
fill="#000000"
stroke="#46C55A35"
opacity="0.8"
/>
<text
x="480"
y="77"
fill="#ffffff"
font-size="8"
font-weight="bold"
>
清洁能源产业
</text>
<text x="480" y="89" fill="#ffffff" font-size="8">
总装机容量
</text>
<text x="530" y="89" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("河北")]
?.hbcyzzjrl || 0
}}
</text>
<text x="550" y="89" fill="#919697" font-size="8">MW</text>
<text x="480" y="101" fill="#ffffff" font-size="8">风场</text>
<text x="500" y="101" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("河北")]
?.hbcyfdcsl || 0
}}
</text>
<text x="510" y="101" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="560" y="101" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("河北")]
?.hbcyfdzjrl || 0
}}
</text>
<text x="580" y="101" fill="#919697" font-size="8">MW</text>
<text x="480" y="113" fill="#ffffff" font-size="8">光伏</text>
<text x="500" y="113" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("河北")]
?.hbcygfcsl || 0
}}
</text>
<text x="510" y="113" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="560" y="113" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("河北")]
?.hbcyfdzjrl || 0
}}
</text>
<text x="580" y="113" fill="#919697" font-size="8">MW</text>
<text
x="480"
y="125"
fill="#ffffff"
font-size="8"
font-weight="bold"
>
清洁能源公司
</text>
<text x="480" y="137" fill="#ffffff" font-size="8">
总装机容量
</text>
<text x="530" y="137" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("河北")]
?.hbgszzjrl || 0
}}
</text>
<text x="550" y="137" fill="#919697" font-size="8">MW</text>
<text x="480" y="149" fill="#ffffff" font-size="8">风场</text>
<text x="500" y="149" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("河北")]
?.hbgsfdcslcsl || 0
}}
</text>
<text x="510" y="149" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="560" y="149" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("河北")]
?.hbgsfdzjrl || 0
}}
</text>
<text x="580" y="149" fill="#919697" font-size="8">MW</text>
<text x="480" y="161" fill="#ffffff" font-size="8">光伏</text>
<text x="500" y="161" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("河北")]
?.hbgsgfcsl || 0
}}
</text>
<text x="510" y="161" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="560" y="161" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("河北")]
?.hbgsgfzjrl || 0
}}
</text>
<text x="580" y="161" fill="#919697" font-size="8">MW</text>
</g>
<g v-else>
<rect
x="475"
y="115"
width="130"
height="55"
fill="#000000"
stroke="#46C55A35"
opacity="0.8"
/>
<g
v-show="
homeSuspensionWindowsData[getmapName('河北')]
?.industryState
"
>
<text
x="480"
y="127"
fill="#ffffff"
font-size="8"
font-weight="bold"
>
清洁能源产业
</text>
<text x="480" y="139" fill="#ffffff" font-size="8">
总装机容量
</text>
<text x="530" y="139" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("河北")]
?.hbcyzzjrl || 0
}}
</text>
<text x="550" y="139" fill="#919697" font-size="8">MW</text>
<text x="480" y="151" fill="#ffffff" font-size="8">
风场
</text>
<text x="500" y="151" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("河北")]
?.hbcyfdcsl || 0
}}
</text>
<text x="510" y="151" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="560" y="151" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("河北")]
?.hbcyfdzjrl || 0
}}
</text>
<text x="580" y="151" fill="#919697" font-size="8">MW</text>
<text x="480" y="163" fill="#ffffff" font-size="8">
光伏
</text>
<text x="500" y="163" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("河北")]
?.hbcygfcsl || 0
}}
</text>
<text x="510" y="163" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="560" y="163" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("河北")]
?.hbcygfzjrl || 0
}}
</text>
<text x="580" y="163" fill="#919697" font-size="8">MW</text>
</g>
<g
v-show="
homeSuspensionWindowsData[getmapName('河北')]
?.companyState
"
>
<text
x="480"
y="127"
fill="#ffffff"
font-size="8"
font-weight="bold"
>
清洁能源公司
</text>
<text x="480" y="139" fill="#ffffff" font-size="8">
总装机容量
</text>
<text x="530" y="139" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("河北")]
?.hbgszzjrl || 0
}}
</text>
<text x="550" y="139" fill="#919697" font-size="8">MW</text>
<text x="480" y="151" fill="#ffffff" font-size="8">
风场
</text>
<text x="500" y="151" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("河北")]
?.hbgsfdcslcsl || 0
}}
</text>
<text x="510" y="151" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="560" y="151" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("河北")]
?.hbgsfdcslcslzjrl || 0
}}
</text>
<text x="580" y="151" fill="#919697" font-size="8">MW</text>
<text x="480" y="163" fill="#ffffff" font-size="8">
光伏
</text>
<text x="500" y="163" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("河北")]
?.hbgsgfcsl || 0
}}
</text>
<text x="510" y="163" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="560" y="163" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("河北")]
?.hbgsgfzjrl || 0
}}
</text>
<text x="580" y="163" fill="#919697" font-size="8">MW</text>
</g>
</g>
</g>
</g>
</g>
<!-- 新疆 -->
<g v-if="showPoint && $store.state.themeName === 'dark'">
<g
v-if="showType === 'all' || showType === 'fc'"
class="item-label"
@click.stop="clickIncident('新疆')"
@mouseover="mouseoverIncident('新疆')"
@mouseout="mouseoutIncident('新疆')"
>
<use
xlink:href="#nx-map-circle-1"
x="200"
y="93"
width="100"
height="100"
/>
<text class="mapKey" x="218" y="167" fill="#fff" font-size="8">
新疆
</text>
<g v-show="mapDataContentState === '新疆'">
<g
v-if="
homeSuspensionWindowsData[getmapName('新疆')]
?.industryState &&
homeSuspensionWindowsData[getmapName('新疆')]?.companyState
"
>
<rect
x="220"
y="102"
width="130"
height="105"
fill="#000000"
stroke="#46C55A35"
opacity="0.8"
/>
<text
x="225"
y="113"
fill="#919697"
font-size="8"
font-weight="bold"
>
清洁能源产业
</text>
<text x="225" y="125" fill="#919697" font-size="8">
总装机容量
</text>
<text x="275" y="125" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("新疆")]
?.xjcyzzjrl || 0
}}
</text>
<text x="295" y="125" fill="#919697" font-size="8">MW</text>
<text x="225" y="137" fill="#919697" font-size="8">风场</text>
<text x="245" y="137" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("新疆")]
?.xjcyfdcsl || 0
}}
</text>
<text x="255" y="137" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="305" y="137" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("新疆")]
?.xjcyfdzjrl || 0
}}
</text>
<text x="325" y="137" fill="#919697" font-size="8">MW</text>
<text x="225" y="149" fill="#919697" font-size="8">光伏</text>
<text x="245" y="149" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("新疆")]
?.xjcygfcsl || 0
}}
</text>
<text x="255" y="149" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="305" y="149" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("新疆")]
?.xjcygfzjrl || 0
}}
</text>
<text x="325" y="149" fill="#919697" font-size="8">MW</text>
<text
x="225"
y="161"
fill="#919697"
font-size="8"
font-weight="bold"
>
清洁能源公司
</text>
<text x="225" y="173" fill="#919697" font-size="8">
总装机容量
</text>
<text x="275" y="173" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("新疆")]
?.xjgszzjrl || 0
}}
</text>
<text x="295" y="173" fill="#919697" font-size="8">MW</text>
<text x="225" y="185" fill="#919697" font-size="8">风场</text>
<text x="245" y="185" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("新疆")]
?.xjgsfdcslcsl || 0
}}
</text>
<text x="255" y="185" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="305" y="185" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("新疆")]
?.xjgsfdcslcslzjrl || 0
}}
</text>
<text x="325" y="185" fill="#919697" font-size="8">MW</text>
<text x="225" y="197" fill="#919697" font-size="8">光伏</text>
<text x="245" y="197" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("新疆")]
?.xjgsgfcsl || 0
}}
</text>
<text x="255" y="197" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="305" y="197" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("新疆")]
?.xjgsgfzjrl || 0
}}
</text>
<text x="325" y="197" fill="#919697" font-size="8">MW</text>
</g>
<g v-else>
<rect
x="240"
y="152"
width="130"
height="55"
fill="#000000"
stroke="#46C55A35"
opacity="0.8"
/>
<g
v-show="
homeSuspensionWindowsData[getmapName('新疆')]
?.industryState
"
>
<text
x="245"
y="163"
fill="#919697"
font-size="8"
font-weight="bold"
>
清洁能源产业
</text>
<text x="245" y="175" fill="#919697" font-size="8">
总装机容量
</text>
<text x="295" y="175" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("新疆")]
?.xjcyzzjrl || 0
}}
</text>
<text x="315" y="175" fill="#919697" font-size="8">MW</text>
<text x="245" y="187" fill="#919697" font-size="8">
风场
</text>
<text x="265" y="187" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("新疆")]
?.xjcyfdcsl || 0
}}
</text>
<text x="275" y="187" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="325" y="187" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("新疆")]
?.xjcyfdzjrl || 0
}}
</text>
<text x="345" y="187" fill="#919697" font-size="8">MW</text>
<text x="245" y="199" fill="#919697" font-size="8">
光伏
</text>
<text x="265" y="199" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("新疆")]
?.xjcygfcsl || 0
}}
</text>
<text x="275" y="199" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="325" y="199" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("新疆")]
?.xjcygfzjrl || 0
}}
</text>
<text x="345" y="199" fill="#919697" font-size="8">MW</text>
</g>
<g
v-show="
homeSuspensionWindowsData[getmapName('新疆')]
?.companyState
"
>
<text
x="245"
y="163"
fill="#919697"
font-size="8"
font-weight="bold"
>
清洁能源公司
</text>
<text x="245" y="175" fill="#919697" font-size="8">
总装机容量
</text>
<text x="295" y="175" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("新疆")]
?.xjgszzjrl || 0
}}
</text>
<text x="305" y="175" fill="#919697" font-size="8">MW</text>
<text x="245" y="187" fill="#919697" font-size="8">
风场
</text>
<text x="265" y="187" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("新疆")]
?.xjgsfdcsl || 0
}}
</text>
<text x="275" y="187" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="325" y="187" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("新疆")]
?.xjgsfdzjrl || 0
}}
</text>
<text x="345" y="187" fill="#919697" font-size="8">MW</text>
<text x="245" y="199" fill="#919697" font-size="8">
光伏
</text>
<text x="265" y="199" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("新疆")]
?.xjgsgfcsl || 0
}}
</text>
<text x="275" y="199" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="325" y="199" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("新疆")]
?.xjgsgfzjrl || 0
}}
</text>
<text x="345" y="199" fill="#919697" font-size="8">MW</text>
</g>
</g>
</g>
</g>
</g>
<g v-if="showPoint && $store.state.themeName === 'light'">
<g
v-if="showType === 'all' || showType === 'fc'"
class="item-label"
@click.stop="clickIncident('新疆')"
@mouseover="mouseoverIncident('新疆')"
@mouseout="mouseoutIncident('新疆')"
>
<use
xlink:href="#nx-map-circle-1"
x="250"
y="88"
width="100"
height="100"
/>
<text class="mapKey" x="267" y="155" fill="#fff" font-size="8">
新疆
</text>
<g v-show="mapDataContentState === '新疆'">
<g
v-if="
homeSuspensionWindowsData[getmapName('新疆')]
?.industryState &&
homeSuspensionWindowsData[getmapName('新疆')]?.companyState
"
>
<rect
x="270"
y="100"
width="130"
height="105"
fill="#000000"
stroke="#46C55A35"
opacity="0.8"
/>
<text
x="275"
y="113"
fill="#ffffff"
font-size="8"
font-weight="bold"
>
清洁能源产业
</text>
<text x="275" y="125" fill="#ffffff" font-size="8">
总装机容量
</text>
<text x="345" y="125" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("新疆")]
?.xjcyzzjrl || 0
}}
</text>
<text x="365" y="125" fill="#919697" font-size="8">MW</text>
<text x="295" y="137" fill="#ffffff" font-size="8">风场</text>
<text x="315" y="137" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("新疆")]
?.xjcyfdcsl || 0
}}
</text>
<text x="325" y="137" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="375" y="137" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("新疆")]
?.xjcyfdzjrl || 0
}}
</text>
<text x="395" y="137" fill="#919697" font-size="8">MW</text>
<text x="295" y="149" fill="#ffffff" font-size="8">光伏</text>
<text x="315" y="149" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("新疆")]
?.xjcygfcsl || 0
}}
</text>
<text x="325" y="149" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="375" y="149" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("新疆")]
?.xjcygfzjrl || 0
}}
</text>
<text x="395" y="149" fill="#919697" font-size="8">MW</text>
<text
x="295"
y="161"
fill="#ffffff"
font-size="8"
font-weight="bold"
>
清洁能源公司
</text>
<text x="295" y="173" fill="#ffffff" font-size="8">
总装机容量
</text>
<text x="345" y="173" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("新疆")]
?.xjgszzjrl || 0
}}
</text>
<text x="365" y="173" fill="#919697" font-size="8">MW</text>
<text x="295" y="185" fill="#ffffff" font-size="8">风场</text>
<text x="315" y="185" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("新疆")]
?.xjgsfdcsl || 0
}}
</text>
<text x="325" y="185" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="375" y="185" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("新疆")]
?.xjgsfdzjrl || 0
}}
</text>
<text x="395" y="185" fill="#919697" font-size="8">MW</text>
<text x="295" y="197" fill="#ffffff" font-size="8">光伏</text>
<text x="315" y="197" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("新疆")]
?.xjgsgfcsl || 0
}}
</text>
<text x="325" y="197" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="375" y="197" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("新疆")]
?.xjgsgfzjrl || 0
}}
</text>
<text x="395" y="197" fill="#919697" font-size="8">MW</text>
</g>
<g v-else>
<rect
x="290"
y="150"
width="130"
height="55"
fill="#000000"
stroke="#46C55A35"
opacity="0.8"
/>
<g
v-show="
homeSuspensionWindowsData[getmapName('新疆')]
?.industryState
"
>
<text
x="295"
y="163"
fill="#ffffff"
font-size="8"
font-weight="bold"
>
清洁能源产业
</text>
<text x="295" y="175" fill="#ffffff" font-size="8">
总装机容量
</text>
<text x="345" y="175" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("新疆")]
?.xjcyzzjrl || 0
}}
</text>
<text x="365" y="175" fill="#919697" font-size="8">MW</text>
<text x="295" y="187" fill="#ffffff" font-size="8">
风场
</text>
<text x="315" y="187" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("新疆")]
?.xjcyfdcsl || 0
}}
</text>
<text x="325" y="187" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="375" y="187" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("新疆")]
?.xjcyfdzjrl || 0
}}
</text>
<text x="395" y="187" fill="#919697" font-size="8">MW</text>
<text x="295" y="199" fill="#ffffff" font-size="8">
光伏
</text>
<text x="315" y="199" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("新疆")]
?.xjcygfcsl || 0
}}
</text>
<text x="325" y="199" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="375" y="199" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("新疆")]
?.xjcygfzjrl || 0
}}
</text>
<text x="395" y="199" fill="#919697" font-size="8">MW</text>
</g>
<g
v-show="
homeSuspensionWindowsData[getmapName('新疆')]
?.companyState
"
>
<text
x="275"
y="163"
fill="#ffffff"
font-size="8"
font-weight="bold"
>
清洁能源公司
</text>
<text x="275" y="175" fill="#ffffff" font-size="8">
总装机容量
</text>
<text x="325" y="175" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("新疆")]
?.xjgszzjrl || 0
}}
</text>
<text x="345" y="175" fill="#919697" font-size="8">MW</text>
<text x="275" y="187" fill="#ffffff" font-size="8">
风场
</text>
<text x="295" y="187" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("新疆")]
?.xjgsfdcsl || 0
}}
</text>
<text x="305" y="187" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="375" y="187" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("新疆")]
?.xjgsfdzjrl || 0
}}
</text>
<text x="375" y="187" fill="#919697" font-size="8">MW</text>
<text x="275" y="199" fill="#ffffff" font-size="8">
光伏
</text>
<text x="295" y="199" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("新疆")]
?.xjgsgfcsl || 0
}}
</text>
<text x="305" y="199" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="375" y="199" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("新疆")]
?.xjgsgfzjrl || 0
}}
</text>
<text x="375" y="199" fill="#919697" font-size="8">MW</text>
</g>
</g>
</g>
</g>
</g>
<!-- 西藏 -->
<g v-if="showPoint && $store.state.themeName === 'dark'">
<g
v-if="showType === 'all' || showType === 'fc'"
class="item-label"
@click.stop="clickIncident('西藏')"
@mouseover="mouseoverIncident('西藏')"
@mouseout="mouseoutIncident('西藏')"
>
<use
xlink:href="#nx-map-circle-1"
x="215"
y="170"
width="100"
height="100"
/>
<text class="mapKey" x="230" y="240" fill="#fff" font-size="8">
西藏
</text>
<g v-show="mapDataContentState === '西藏'">
<g
v-if="
homeSuspensionWindowsData[getmapName('西藏')]
?.industryState &&
homeSuspensionWindowsData[getmapName('西藏')]?.companyState
"
>
<rect
x="255"
y="228"
width="130"
height="105"
fill="#000000"
stroke="#46C55A35"
opacity="0.8"
/>
<text
x="260"
y="239"
fill="#919697"
font-size="8"
font-weight="bold"
>
清洁能源产业
</text>
<text x="260" y="251" fill="#919697" font-size="8">
总装机容量
</text>
<text x="310" y="251" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("西藏")]
?.xzcyzzjrl || 0
}}
</text>
<text x="320" y="251" fill="#919697" font-size="8">MW</text>
<text x="260" y="263" fill="#919697" font-size="8">风场</text>
<text x="280" y="263" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("西藏")]
?.xzcyfdcsl || 0
}}
</text>
<text x="290" y="263" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="340" y="263" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("西藏")]
?.xzcyfdzjrl || 0
}}
</text>
<text x="360" y="263" fill="#919697" font-size="8">MW</text>
<text x="260" y="275" fill="#919697" font-size="8">光伏</text>
<text x="280" y="275" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("西藏")]
?.xzcygfcsl || 0
}}
</text>
<text x="290" y="275" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="340" y="275" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("西藏")]
?.xzcygfzjrl || 0
}}
</text>
<text x="360" y="275" fill="#919697" font-size="8">MW</text>
<text
x="260"
y="287"
fill="#919697"
font-size="8"
font-weight="bold"
>
清洁能源公司
</text>
<text x="260" y="299" fill="#919697" font-size="8">
总装机容量
</text>
<text x="310" y="299" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("西藏")]
?.xzgszzjrl || 0
}}
</text>
<text x="330" y="299" fill="#919697" font-size="8">MW</text>
<text x="260" y="311" fill="#919697" font-size="8">风场</text>
<text x="280" y="311" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("西藏")]
?.xzgsfdcsl || 0
}}
</text>
<text x="290" y="311" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="340" y="311" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("西藏")]
?.xzgsfdzjrl || 0
}}
</text>
<text x="360" y="311" fill="#919697" font-size="8">MW</text>
<text x="260" y="323" fill="#919697" font-size="8">光伏</text>
<text x="280" y="323" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("西藏")]
?.xzgsgfcsl || 0
}}
</text>
<text x="290" y="323" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="340" y="323" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("西藏")]
?.xzgsgfzjrl || 0
}}
</text>
<text x="360" y="323" fill="#919697" font-size="8">MW</text>
</g>
<g v-else>
<rect
x="255"
y="228"
width="130"
height="55"
fill="#000000"
stroke="#46C55A35"
opacity="0.8"
/>
<g
v-show="
homeSuspensionWindowsData[getmapName('西藏')]
?.industryState
"
>
<text
x="260"
y="239"
fill="#919697"
font-size="8"
font-weight="bold"
>
清洁能源产业
</text>
<text x="260" y="251" fill="#919697" font-size="8">
总装机容量
</text>
<text x="310" y="251" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("西藏")]
?.xzcyzzjrl || 0
}}
</text>
<text x="320" y="251" fill="#919697" font-size="8">MW</text>
<text x="260" y="263" fill="#919697" font-size="8">
风场
</text>
<text x="280" y="263" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("西藏")]
?.xzcyfdcsl || 0
}}
</text>
<text x="290" y="263" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="340" y="263" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("西藏")]
?.xzcyfdzjrl || 0
}}
</text>
<text x="360" y="263" fill="#919697" font-size="8">MW</text>
<text x="260" y="275" fill="#919697" font-size="8">
光伏
</text>
<text x="280" y="275" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("西藏")]
?.xzcygfcsl || 0
}}
</text>
<text x="290" y="275" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="340" y="275" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("西藏")]
?.xzcygfzjrl || 0
}}
</text>
<text x="360" y="275" fill="#919697" font-size="8">MW</text>
</g>
<g
v-show="
homeSuspensionWindowsData[getmapName('西藏')]
?.companyState
"
>
<text
x="260"
y="239"
fill="#919697"
font-size="8"
font-weight="bold"
>
清洁能源公司
</text>
<text x="260" y="251" fill="#919697" font-size="8">
总装机容量
</text>
<text x="310" y="251" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("西藏")]
?.xzgszzjrl || 0
}}
</text>
<text x="330" y="251" fill="#919697" font-size="8">MW</text>
<text x="260" y="263" fill="#919697" font-size="8">
风场
</text>
<text x="280" y="263" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("西藏")]
?.xzgsfdcsl || 0
}}
</text>
<text x="290" y="263" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="340" y="263" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("西藏")]
?.xzgsfdzjrl || 0
}}
</text>
<text x="360" y="263" fill="#919697" font-size="8">MW</text>
<text x="260" y="275" fill="#919697" font-size="8">
光伏
</text>
<text x="280" y="275" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("西藏")]
?.xzgsgfcsl || 0
}}
</text>
<text x="290" y="275" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="340" y="275" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("西藏")]
?.xzgsgfzjrl || 0
}}
</text>
<text x="360" y="275" fill="#919697" font-size="8">MW</text>
</g>
</g>
</g>
</g>
</g>
<g v-if="showPoint && $store.state.themeName === 'light'">
<g
v-if="showType === 'all' || showType === 'fc'"
class="item-label"
@click.stop="clickIncident('西藏')"
@mouseover="mouseoverIncident('西藏')"
@mouseout="mouseoutIncident('西藏')"
>
<use
xlink:href="#nx-map-circle-1"
x="255"
y="160"
width="100"
height="100"
/>
<text class="mapKey" x="270" y="235" fill="#fff" font-size="8">
西藏
</text>
<g v-show="mapDataContentState === '西藏'">
<g
v-if="
homeSuspensionWindowsData[getmapName('西藏')]
?.industryState &&
homeSuspensionWindowsData[getmapName('西藏')]?.companyState
"
>
<rect
x="300"
y="208"
width="130"
height="105"
fill="#000000"
stroke="#46C55A35"
opacity="0.8"
/>
<text
x="305"
y="219"
fill="#ffffff"
font-size="8"
font-weight="bold"
>
清洁能源产业
</text>
<text x="305" y="231" fill="#ffffff" font-size="8">
总装机容量
</text>
<text x="355" y="231" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("西藏")]
?.xzcyzzjrl || 0
}}
</text>
<text x="375" y="231" fill="#919697" font-size="8">MW</text>
<text x="305" y="243" fill="#ffffff" font-size="8">风场</text>
<text x="325" y="243" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("西藏")]
?.xzcyfdcsl || 0
}}
</text>
<text x="335" y="243" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="385" y="243" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("西藏")]
?.xzcyfdzjrl || 0
}}
</text>
<text x="405" y="243" fill="#919697" font-size="8">MW</text>
<text x="305" y="255" fill="#ffffff" font-size="8">光伏</text>
<text x="325" y="255" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("西藏")]
?.xzcygfcsl || 0
}}
</text>
<text x="335" y="255" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="385" y="255" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("西藏")]
?.xzcyfdzjrl || 0
}}
</text>
<text x="405" y="255" fill="#919697" font-size="8">MW</text>
<text
x="305"
y="267"
fill="#ffffff"
font-size="8"
font-weight="bold"
>
清洁能源公司
</text>
<text x="305" y="279" fill="#ffffff" font-size="8">
总装机容量
</text>
<text x="355" y="279" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("西藏")]
?.xzgszzjrl || 0
}}
</text>
<text x="375" y="279" fill="#919697" font-size="8">MW</text>
<text x="305" y="291" fill="#ffffff" font-size="8">风场</text>
<text x="325" y="291" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("西藏")]
?.xzgsfdcsl || 0
}}
</text>
<text x="335" y="291" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="385" y="291" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("西藏")]
?.xzgsfdzjrl || 0
}}
</text>
<text x="405" y="291" fill="#919697" font-size="8">MW</text>
<text x="305" y="303" fill="#ffffff" font-size="8">光伏</text>
<text x="325" y="303" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("西藏")]
?.xzgsgfcsl || 0
}}
</text>
<text x="335" y="303" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="385" y="303" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("西藏")]
?.xzgsgfzjrl || 0
}}
</text>
<text x="405" y="303" fill="#919697" font-size="8">MW</text>
</g>
<g v-else>
<rect
x="300"
y="208"
width="130"
height="55"
fill="#000000"
stroke="#46C55A35"
opacity="0.8"
/>
<g
v-show="
homeSuspensionWindowsData[getmapName('西藏')]
?.industryState
"
>
<text
x="305"
y="219"
fill="#ffffff"
font-size="8"
font-weight="bold"
>
清洁能源产业
</text>
<text x="305" y="231" fill="#ffffff" font-size="8">
总装机容量
</text>
<text x="355" y="231" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("西藏")]
?.xzcyzzjrl || 0
}}
</text>
<text x="375" y="231" fill="#919697" font-size="8">MW</text>
<text x="305" y="243" fill="#ffffff" font-size="8">
风场
</text>
<text x="325" y="243" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("西藏")]
?.xzcyfdcsl || 0
}}
</text>
<text x="335" y="243" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="385" y="243" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("西藏")]
?.xzcyfdzjrl || 0
}}
</text>
<text x="405" y="243" fill="#919697" font-size="8">MW</text>
<text x="305" y="255" fill="#ffffff" font-size="8">
光伏
</text>
<text x="325" y="255" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("西藏")]
?.xzcygfcsl || 0
}}
</text>
<text x="335" y="255" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="385" y="255" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("西藏")]
?.xzcygfzjrl || 0
}}
</text>
<text x="405" y="255" fill="#919697" font-size="8">MW</text>
</g>
<g
v-show="
homeSuspensionWindowsData[getmapName('西藏')]
?.companyState
"
>
<text
x="305"
y="219"
fill="#ffffff"
font-size="8"
font-weight="bold"
>
清洁能源公司
</text>
<text x="305" y="231" fill="#ffffff" font-size="8">
总装机容量
</text>
<text x="355" y="231" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("西藏")]
?.xzgszzjrl || 0
}}
</text>
<text x="375" y="231" fill="#919697" font-size="8">MW</text>
<text x="305" y="243" fill="#ffffff" font-size="8">
风场
</text>
<text x="325" y="243" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("西藏")]
?.xzgsfdcsl || 0
}}
</text>
<text x="335" y="243" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="385" y="243" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("西藏")]
?.xzgsfdzjrl || 0
}}
</text>
<text x="405" y="243" fill="#919697" font-size="8">MW</text>
<text x="305" y="255" fill="#ffffff" font-size="8">
光伏
</text>
<text x="325" y="255" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("西藏")]
?.xzgsgfcsl || 0
}}
</text>
<text x="335" y="255" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="385" y="255" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("西藏")]
?.xzgsgfzjrl || 0
}}
</text>
<text x="405" y="255" fill="#919697" font-size="8">MW</text>
</g>
</g>
</g>
</g>
</g>
<!-- 山东 -->
<g v-if="showPoint && $store.state.themeName === 'dark'">
<g
v-if="showType === 'all' || showType === 'fc'"
class="item-label"
@click.stop="clickIncident('山东')"
@mouseover="mouseoverIncident('山东')"
@mouseout="mouseoutIncident('山东')"
>
<use
xlink:href="#nx-map-circle-1"
x="435"
y="140"
width="100"
height="100"
/>
<text class="mapKey" x="455" y="215" fill="#fff" font-size="8">
山东
</text>
<g v-show="mapDataContentState === '山东'">
<g
v-if="
homeSuspensionWindowsData[getmapName('山东')]
?.industryState &&
homeSuspensionWindowsData[getmapName('山东')]?.companyState
"
>
<rect
x="430"
y="239"
width="130"
height="105"
fill="#000000"
stroke="#46C55A35"
opacity="0.8"
/>
<text
x="435"
y="250"
fill="#919697"
font-size="8"
font-weight="bold"
>
清洁能源产业
</text>
<text x="435" y="262" fill="#919697" font-size="8">
总装机容量
</text>
<text x="485" y="262" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山东")]
?.sdcyzzjrl || 0
}}
</text>
<text x="505" y="262" fill="#919697" font-size="8">MW</text>
<text x="435" y="274" fill="#919697" font-size="8">风场</text>
<text x="455" y="274" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山东")]
?.sdcyfdcsl || 0
}}
</text>
<text x="465" y="274" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="515" y="274" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山东")]
?.sdcyfdzjrl || 0
}}
</text>
<text x="535" y="274" fill="#919697" font-size="8">MW</text>
<text x="435" y="286" fill="#919697" font-size="8">光伏</text>
<text x="455" y="286" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山东")]
?.sdcygfcsl || 0
}}
</text>
<text x="465" y="286" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="515" y="286" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山东")]
?.sdcygfzjrl || 0
}}
</text>
<text x="535" y="286" fill="#919697" font-size="8">MW</text>
<text
x="435"
y="298"
fill="#919697"
font-size="8"
font-weight="bold"
>
清洁能源公司
</text>
<text x="435" y="310" fill="#919697" font-size="8">
总装机容量
</text>
<text x="485" y="310" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山东")]
?.sdgszzjrl || 0
}}
</text>
<text x="505" y="310" fill="#919697" font-size="8">MW</text>
<text x="435" y="322" fill="#919697" font-size="8">风场</text>
<text x="455" y="322" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山东")]
?.sdgsfdcsl || 0
}}
</text>
<text x="465" y="322" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="515" y="322" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山东")]
?.sdgsfdzjrl || 0
}}
</text>
<text x="535" y="322" fill="#919697" font-size="8">MW</text>
<text x="435" y="334" fill="#919697" font-size="8">光伏</text>
<text x="455" y="334" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山东")]
?.sdgsgfcsl || 0
}}
</text>
<text x="465" y="334" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="515" y="334" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山东")]
?.sdgsgfzjrl || 0
}}
</text>
<text x="535" y="334" fill="#919697" font-size="8">MW</text>
</g>
<g v-else>
<rect
x="430"
y="239"
width="130"
height="55"
fill="#000000"
stroke="#46C55A35"
opacity="0.8"
/>
<g
v-show="
homeSuspensionWindowsData[getmapName('山东')]
?.industryState
"
>
<text
x="435"
y="250"
fill="#919697"
font-size="8"
font-weight="bold"
>
清洁能源产业
</text>
<text x="435" y="262" fill="#919697" font-size="8">
总装机容量
</text>
<text x="485" y="262" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山东")]
?.sdcyzzjrl || 0
}}
</text>
<text x="505" y="262" fill="#919697" font-size="8">MW</text>
<text x="435" y="274" fill="#919697" font-size="8">
风场
</text>
<text x="455" y="274" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山东")]
?.sdcyfdcsl || 0
}}
</text>
<text x="465" y="274" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="515" y="274" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山东")]
?.sdcyfdzjrl || 0
}}
</text>
<text x="535" y="274" fill="#919697" font-size="8">MW</text>
<text x="435" y="286" fill="#919697" font-size="8">
光伏
</text>
<text x="455" y="286" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山东")]
?.sdcygfcsl || 0
}}
</text>
<text x="465" y="286" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="515" y="286" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山东")]
?.sdcygfzjrl || 0
}}
</text>
<text x="535" y="286" fill="#919697" font-size="8">MW</text>
</g>
<g
v-show="
homeSuspensionWindowsData[getmapName('山东')]
?.companyState
"
>
<text
x="435"
y="250"
fill="#919697"
font-size="8"
font-weight="bold"
>
清洁能源公司
</text>
<text x="435" y="262" fill="#919697" font-size="8">
总装机容量
</text>
<text x="485" y="262" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山东")]
?.sdgszzjrl || 0
}}
</text>
<text x="505" y="262" fill="#919697" font-size="8">MW</text>
<text x="435" y="274" fill="#919697" font-size="8">
风场
</text>
<text x="455" y="274" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山东")]
?.sdgsfdcsl || 0
}}
</text>
<text x="465" y="274" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="515" y="274" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山东")]
?.sdgsfdzjrl || 0
}}
</text>
<text x="535" y="274" fill="#919697" font-size="8">MW</text>
<text x="435" y="286" fill="#919697" font-size="8">
光伏
</text>
<text x="455" y="286" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山东")]
?.sdgsgfcsl || 0
}}
</text>
<text x="465" y="286" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="515" y="286" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山东")]
?.sdgsgfzjrl || 0
}}
</text>
<text x="535" y="286" fill="#919697" font-size="8">MW</text>
</g>
</g>
</g>
</g>
</g>
<g v-if="showPoint && $store.state.themeName === 'light'">
<g
v-if="showType === 'all' || showType === 'fc'"
class="item-label"
@click.stop="clickIncident('山东')"
@mouseover="mouseoverIncident('山东')"
@mouseout="mouseoutIncident('山东')"
>
<use
xlink:href="#nx-map-circle-1"
x="478"
y="125"
width="100"
height="100"
/>
<text class="mapKey" x="495" y="200" fill="#fff" font-size="8">
山东
</text>
<g v-show="mapDataContentState === '山东'">
<g
v-if="
homeSuspensionWindowsData[getmapName('山东')]
?.industryState &&
homeSuspensionWindowsData[getmapName('山东')]?.companyState
"
>
<rect
x="470"
y="227"
width="130"
height="105"
fill="#000000"
stroke="#46C55A35"
opacity="0.8"
/>
<text
x="475"
y="238"
fill="#ffffff"
font-size="8"
font-weight="bold"
>
清洁能源产业
</text>
<text x="475" y="250" fill="#ffffff" font-size="8">
总装机容量
</text>
<text x="525" y="250" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山东")]
?.sdcyzzjrl || 0
}}
</text>
<text x="545" y="250" fill="#919697" font-size="8">MW</text>
<text x="475" y="262" fill="#919697" font-size="8">风场</text>
<text x="495" y="262" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山东")]
?.sdcyfdcsl || 0
}}
</text>
<text x="505" y="262" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="555" y="262" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山东")]
?.sdcyfdzjrl || 0
}}
</text>
<text x="575" y="262" fill="#919697" font-size="8">MW</text>
<text x="475" y="274" fill="#ffffff" font-size="8">光伏</text>
<text x="495" y="274" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山东")]
?.sdcygfcsl || 0
}}
</text>
<text x="505" y="274" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="555" y="274" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山东")]
?.sdcygfzjrl || 0
}}
</text>
<text x="575" y="274" fill="#919697" font-size="8">MW</text>
<text
x="475"
y="286"
fill="#ffffff"
font-size="8"
font-weight="bold"
>
清洁能源公司
</text>
<text x="475" y="298" fill="#ffffff" font-size="8">
总装机容量
</text>
<text x="525" y="298" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山东")]
?.sdgszzjrl || 0
}}
</text>
<text x="545" y="298" fill="#919697" font-size="8">MW</text>
<text x="475" y="310" fill="#ffffff" font-size="8">风场</text>
<text x="495" y="310" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山东")]
?.sdgsfdcsl || 0
}}
</text>
<text x="505" y="310" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="555" y="310" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山东")]
?.sdgsfdzjrl || 0
}}
</text>
<text x="575" y="310" fill="#919697" font-size="8">MW</text>
<text x="475" y="322" fill="#ffffff" font-size="8">光伏</text>
<text x="495" y="322" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山东")]
?.sdgsgfcsl || 0
}}
</text>
<text x="505" y="322" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="555" y="322" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山东")]
?.sdgsgfzjrl || 0
}}
</text>
<text x="575" y="322" fill="#919697" font-size="8">MW</text>
</g>
<g v-else>
<rect
x="470"
y="227"
width="130"
height="55"
fill="#000000"
stroke="#46C55A35"
opacity="0.8"
/>
<g
v-show="
homeSuspensionWindowsData[getmapName('山东')]
?.industryState
"
>
<text
x="475"
y="238"
fill="#ffffff"
font-size="8"
font-weight="bold"
>
清洁能源产业
</text>
<text x="475" y="250" fill="#ffffff" font-size="8">
总装机容量
</text>
<text x="525" y="250" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山东")]
?.sdcyzzjrl || 0
}}
</text>
<text x="545" y="250" fill="#919697" font-size="8">MW</text>
<text x="475" y="262" fill="#919697" font-size="8">
风场
</text>
<text x="495" y="262" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山东")]
?.sdcyfdcsl || 0
}}
</text>
<text x="505" y="262" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="555" y="262" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山东")]
?.sdcyfdzjrl || 0
}}
</text>
<text x="575" y="262" fill="#919697" font-size="8">MW</text>
<text x="475" y="274" fill="#ffffff" font-size="8">
光伏
</text>
<text x="495" y="274" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山东")]
?.sdcygfcsl || 0
}}
</text>
<text x="505" y="274" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="555" y="274" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山东")]
?.sdcygfzjrl || 0
}}
</text>
<text x="575" y="274" fill="#919697" font-size="8">MW</text>
</g>
<g
v-show="
homeSuspensionWindowsData[getmapName('山东')]
?.companyState
"
>
<text
x="475"
y="238"
fill="#ffffff"
font-size="8"
font-weight="bold"
>
清洁能源公司
</text>
<text x="475" y="250" fill="#ffffff" font-size="8">
总装机容量
</text>
<text x="525" y="250" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山东")]
?.sdgszzjrl || 0
}}
</text>
<text x="545" y="250" fill="#919697" font-size="8">MW</text>
<text x="475" y="262" fill="#ffffff" font-size="8">
风场
</text>
<text x="495" y="262" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山东")]
?.sdgsfdcsl || 0
}}
</text>
<text x="505" y="262" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="555" y="262" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山东")]
?.sdgsfdzjrl || 0
}}
</text>
<text x="575" y="262" fill="#919697" font-size="8">MW</text>
<text x="475" y="274" fill="#ffffff" font-size="8">
光伏
</text>
<text x="495" y="274" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山东")]
?.sdgsgfcsl || 0
}}
</text>
<text x="505" y="274" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="555" y="274" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山东")]
?.sdgsgfzjrl || 0
}}
</text>
<text x="575" y="274" fill="#919697" font-size="8">MW</text>
</g>
</g>
</g>
</g>
</g>
<!-- 陕西 -->
<g v-if="showPoint && $store.state.themeName === 'dark'">
<g
v-if="showType === 'all' || showType === 'fc'"
class="item-label"
@click.stop="clickIncident('陕西')"
@mouseover="mouseoverIncident('陕西')"
@mouseout="mouseoutIncident('陕西')"
>
<use
xlink:href="#nx-map-circle-1"
x="370"
y="160"
width="100"
height="100"
/>
<text class="mapKey" x="385" y="232" fill="#fff" font-size="8">
陕西
</text>
<g v-show="mapDataContentState === '陕西'">
<g
v-if="
homeSuspensionWindowsData[getmapName('陕西')]
?.industryState &&
homeSuspensionWindowsData[getmapName('陕西')]?.companyState
"
>
<rect
x="250"
y="220"
width="130"
height="105"
fill="#000000"
stroke="#46C55A35"
opacity="0.8"
/>
<text
x="255"
y="231"
fill="#919697"
font-size="8"
font-weight="bold"
>
清洁能源产业
</text>
<text x="255" y="243" fill="#919697" font-size="8">
总装机容量
</text>
<text x="305" y="243" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("陕西")]
?.xscyzzjrl || 0
}}
</text>
<text x="325" y="243" fill="#919697" font-size="8">MW</text>
<text x="255" y="255" fill="#919697" font-size="8">风场</text>
<text x="275" y="255" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("陕西")]
?.xscyfdcsl || 0
}}
</text>
<text x="285" y="255" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="335" y="255" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("陕西")]
?.xscyfdzjrl || 0
}}
</text>
<text x="355" y="255" fill="#919697" font-size="8">MW</text>
<text x="255" y="267" fill="#919697" font-size="8">光伏</text>
<text x="275" y="267" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("陕西")]
?.xscygfcsl || 0
}}
</text>
<text x="285" y="267" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="335" y="267" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("陕西")]
?.xscygfzjrl || 0
}}
</text>
<text x="355" y="267" fill="#919697" font-size="8">MW</text>
<text
x="255"
y="279"
fill="#919697"
font-size="8"
font-weight="bold"
>
清洁能源公司
</text>
<text x="255" y="291" fill="#919697" font-size="8">
总装机容量
</text>
<text x="305" y="291" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("陕西")]
?.xsgszzjrl || 0
}}
</text>
<text x="325" y="291" fill="#919697" font-size="8">MW</text>
<text x="255" y="303" fill="#919697" font-size="8">风场</text>
<text x="275" y="303" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("陕西")]
?.xsgsfdcsl || 0
}}
</text>
<text x="285" y="303" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="335" y="303" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("陕西")]
?.xsgsfdzjrl || 0
}}
</text>
<text x="355" y="303" fill="#919697" font-size="8">MW</text>
<text x="255" y="315" fill="#919697" font-size="8">光伏</text>
<text x="275" y="315" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("陕西")]
?.xsgsgfcsl || 0
}}
</text>
<text x="285" y="315" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="335" y="315" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("陕西")]
?.xsgsgfzjrl || 0
}}
</text>
<text x="355" y="315" fill="#919697" font-size="8">MW</text>
</g>
<g v-else>
<rect
x="250"
y="220"
width="130"
height="55"
fill="#000000"
stroke="#46C55A35"
opacity="0.8"
/>
<g
v-show="
homeSuspensionWindowsData[getmapName('陕西')]
?.industryState
"
>
<text
x="255"
y="231"
fill="#919697"
font-size="8"
font-weight="bold"
>
清洁能源产业
</text>
<text x="255" y="243" fill="#919697" font-size="8">
总装机容量
</text>
<text x="305" y="243" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("陕西")]
?.xscyzzjrl || 0
}}
</text>
<text x="325" y="243" fill="#919697" font-size="8">MW</text>
<text x="255" y="255" fill="#919697" font-size="8">
风场
</text>
<text x="275" y="255" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("陕西")]
?.xscyfdcsl || 0
}}
</text>
<text x="285" y="255" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="335" y="255" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("陕西")]
?.xscyfdzjrl || 0
}}
</text>
<text x="355" y="255" fill="#919697" font-size="8">MW</text>
<text x="255" y="267" fill="#919697" font-size="8">
光伏
</text>
<text x="275" y="267" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("陕西")]
?.xscygfcsl || 0
}}
</text>
<text x="285" y="267" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="335" y="267" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("陕西")]
?.xscygfzjrl || 0
}}
</text>
<text x="355" y="267" fill="#919697" font-size="8">MW</text>
</g>
<g
v-show="
homeSuspensionWindowsData[getmapName('陕西')]
?.companyState
"
>
<text
x="255"
y="231"
fill="#919697"
font-size="8"
font-weight="bold"
>
清洁能源公司
</text>
<text x="255" y="243" fill="#919697" font-size="8">
总装机容量
</text>
<text x="305" y="243" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("陕西")]
?.xsgszzjrl || 0
}}
</text>
<text x="325" y="243" fill="#919697" font-size="8">MW</text>
<text x="255" y="255" fill="#919697" font-size="8">
风场
</text>
<text x="275" y="255" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("陕西")]
?.xsgsfdcsl || 0
}}
</text>
<text x="285" y="255" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="335" y="255" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("陕西")]
?.xsgsfdzjrl || 0
}}
</text>
<text x="355" y="255" fill="#919697" font-size="8">MW</text>
<text x="255" y="267" fill="#919697" font-size="8">
光伏
</text>
<text x="275" y="267" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("陕西")]
?.xsgsgfcsl || 0
}}
</text>
<text x="285" y="267" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="335" y="267" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("陕西")]
?.xsgsgfzjrl || 0
}}
</text>
<text x="355" y="267" fill="#919697" font-size="8">MW</text>
</g>
</g>
</g>
</g>
</g>
<g v-if="showPoint && $store.state.themeName === 'light'">
<g
v-if="showType === 'all' || showType === 'fc'"
class="item-label"
@click.stop="clickIncident('陕西')"
@mouseover="mouseoverIncident('陕西')"
@mouseout="mouseoutIncident('陕西')"
>
<use
xlink:href="#nx-map-circle-1"
x="415"
y="150"
width="100"
height="100"
/>
<text class="mapKey" x="432" y="223" fill="#fff" font-size="8">
陕西
</text>
<g v-show="mapDataContentState === '陕西'">
<g
v-if="
homeSuspensionWindowsData[getmapName('陕西')]
?.industryState &&
homeSuspensionWindowsData[getmapName('陕西')]?.companyState
"
>
<rect
x="300"
y="200"
width="130"
height="105"
fill="#000000"
stroke="#46C55A35"
opacity="0.8"
/>
<text
x="305"
y="211"
fill="#ffffff"
font-size="8"
font-weight="bold"
>
清洁能源产业
</text>
<text x="305" y="223" fill="#ffffff" font-size="8">
总装机容量
</text>
<text x="355" y="223" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("陕西")]
?.xscyzzjrl || 0
}}
</text>
<text x="375" y="223" fill="#919697" font-size="8">MW</text>
<text x="305" y="235" fill="#ffffff" font-size="8">风场</text>
<text x="325" y="235" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("陕西")]
?.xscyfdcsl || 0
}}
</text>
<text x="335" y="235" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="385" y="235" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("陕西")]
?.xscyfdzjrl || 0
}}
</text>
<text x="405" y="235" fill="#919697" font-size="8">MW</text>
<text x="305" y="247" fill="#ffffff" font-size="8">光伏</text>
<text x="325" y="247" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("陕西")]
?.xscygfcsl || 0
}}
</text>
<text x="335" y="247" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="385" y="247" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("陕西")]
?.xscygfzjrl || 0
}}
</text>
<text x="405" y="247" fill="#919697" font-size="8">MW</text>
<text
x="305"
y="259"
fill="#ffffff"
font-size="8"
font-weight="bold"
>
清洁能源公司
</text>
<text x="305" y="271" fill="#ffffff" font-size="8">
总装机容量
</text>
<text x="355" y="271" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("陕西")]
?.xsgszzjrl || 0
}}
</text>
<text x="375" y="271" fill="#919697" font-size="8">MW</text>
<text x="305" y="283" fill="#ffffff" font-size="8">风场</text>
<text x="325" y="283" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("陕西")]
?.xsgsfdcsl || 0
}}
</text>
<text x="335" y="283" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="385" y="283" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("陕西")]
?.xsgsfdzjrl || 0
}}
</text>
<text x="405" y="283" fill="#919697" font-size="8">MW</text>
<text x="305" y="295" fill="#ffffff" font-size="8">光伏</text>
<text x="325" y="295" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("陕西")]
?.xsgsgfcsl || 0
}}
</text>
<text x="335" y="295" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="385" y="295" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("陕西")]
?.xsgsgfzjrl || 0
}}
</text>
<text x="405" y="295" fill="#919697" font-size="8">MW</text>
</g>
<g v-else>
<rect
x="300"
y="200"
width="130"
height="55"
fill="#000000"
stroke="#46C55A35"
opacity="0.8"
/>
<g
v-show="
homeSuspensionWindowsData[getmapName('陕西')]
?.industryState
"
>
<text
x="305"
y="211"
fill="#ffffff"
font-size="8"
font-weight="bold"
>
清洁能源产业
</text>
<text x="305" y="223" fill="#ffffff" font-size="8">
总装机容量
</text>
<text x="355" y="223" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("陕西")]
?.xscyzzjrl || 0
}}
</text>
<text x="375" y="223" fill="#919697" font-size="8">MW</text>
<text x="305" y="235" fill="#ffffff" font-size="8">
风场
</text>
<text x="325" y="235" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("陕西")]
?.xscyfdcsl || 0
}}
</text>
<text x="335" y="235" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="385" y="235" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("陕西")]
?.xscyfdzjrl || 0
}}
</text>
<text x="405" y="235" fill="#919697" font-size="8">MW</text>
<text x="305" y="247" fill="#ffffff" font-size="8">
光伏
</text>
<text x="325" y="247" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("陕西")]
?.xscygfcsl || 0
}}
</text>
<text x="335" y="247" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="385" y="247" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("陕西")]
?.xscygfzjrl || 0
}}
</text>
<text x="405" y="247" fill="#919697" font-size="8">MW</text>
</g>
<g
v-show="
homeSuspensionWindowsData[getmapName('陕西')]
?.companyState
"
>
<text
x="305"
y="211"
fill="#ffffff"
font-size="8"
font-weight="bold"
>
清洁能源公司
</text>
<text x="305" y="223" fill="#ffffff" font-size="8">
总装机容量
</text>
<text x="355" y="223" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("陕西")]
?.xsgszzjrl || 0
}}
</text>
<text x="375" y="223" fill="#919697" font-size="8">MW</text>
<text x="305" y="235" fill="#ffffff" font-size="8">
风场
</text>
<text x="325" y="235" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("陕西")]
?.xsgsfdcsl || 0
}}
</text>
<text x="335" y="235" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="385" y="235" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("陕西")]
?.xsgsfdzjrl || 0
}}
</text>
<text x="405" y="235" fill="#919697" font-size="8">MW</text>
<text x="305" y="247" fill="#ffffff" font-size="8">
光伏
</text>
<text x="325" y="247" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("陕西")]
?.xsgsgfcsl || 0
}}
</text>
<text x="335" y="247" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="385" y="247" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("陕西")]
?.xsgsgfzjrl || 0
}}
</text>
<text x="405" y="247" fill="#919697" font-size="8">MW</text>
</g>
</g>
</g>
</g>
</g>
<!-- 内蒙 -->
<g v-if="showPoint && $store.state.themeName === 'dark'">
<g
v-if="showType === 'all' || showType === 'fc'"
class="item-label"
@click.stop="clickIncident('内蒙')"
@mouseover="mouseoverIncident('内蒙')"
@mouseout="mouseoutIncident('内蒙')"
>
<use
xlink:href="#nx-map-circle-1"
x="390"
y="93"
width="100"
height="100"
/>
<text class="mapKey" x="400" y="167" fill="#fff" font-size="8">
内蒙
</text>
<g v-show="mapDataContentState === '内蒙'">
<g
v-if="
homeSuspensionWindowsData[getmapName('内蒙')]
?.industryState &&
homeSuspensionWindowsData[getmapName('内蒙')]?.companyState
"
>
<rect
x="265"
y="120"
width="130"
height="105"
fill="#000000"
stroke="#46C55A35"
opacity="0.8"
/>
<text
x="270"
y="131"
fill="#919697"
font-size="8"
font-weight="bold"
>
清洁能源产业
</text>
<text x="270" y="143" fill="#919697" font-size="8">
总装机容量
</text>
<text x="320" y="143" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("内蒙")]
?.nmcyzzjrl || 0
}}
</text>
<text x="340" y="143" fill="#919697" font-size="8">MW</text>
<text x="270" y="155" fill="#919697" font-size="8">风场</text>
<text x="290" y="155" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("内蒙")]
?.nmcyfdcsl || 0
}}
</text>
<text x="300" y="155" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="350" y="155" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("内蒙")]
?.nmcyfdzjrl || 0
}}
</text>
<text x="370" y="155" fill="#919697" font-size="8">MW</text>
<text x="270" y="167" fill="#919697" font-size="8">光伏</text>
<text x="290" y="167" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("内蒙")]
?.nmcygfcsl || 0
}}
</text>
<text x="300" y="167" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="350" y="167" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("内蒙")]
?.nmcygfzjrl || 0
}}
</text>
<text x="370" y="167" fill="#919697" font-size="8">MW</text>
<text
x="270"
y="179"
fill="#919697"
font-size="8"
font-weight="bold"
>
清洁能源公司
</text>
<text x="270" y="191" fill="#919697" font-size="8">
总装机容量
</text>
<text x="320" y="191" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("内蒙")]
?.nmgszzjrl || 0
}}
</text>
<text x="340" y="191" fill="#919697" font-size="8">MW</text>
<text x="270" y="203" fill="#919697" font-size="8">风场</text>
<text x="290" y="203" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("内蒙")]
?.nmgsfdcsl || 0
}}
</text>
<text x="300" y="203" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="350" y="203" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("内蒙")]
?.nmgsfdzjrl || 0
}}
</text>
<text x="370" y="203" fill="#919697" font-size="8">MW</text>
<text x="270" y="215" fill="#919697" font-size="8">光伏</text>
<text x="290" y="215" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("内蒙")]
?.nmgsgfcsl || 0
}}
</text>
<text x="300" y="215" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="350" y="215" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("内蒙")]
?.nmgsgfzjrl || 0
}}
</text>
<text x="370" y="215" fill="#919697" font-size="8">MW</text>
</g>
<g v-else>
<rect
x="275"
y="120"
width="130"
height="105"
fill="#000000"
stroke="#46C55A35"
opacity="0.8"
/>
<g
v-show="
homeSuspensionWindowsData[getmapName('内蒙')]
?.industryState
"
>
<text
x="280"
y="131"
fill="#919697"
font-size="8"
font-weight="bold"
>
清洁能源产业
</text>
<text x="280" y="143" fill="#919697" font-size="8">
总装机容量
</text>
<text x="330" y="143" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("内蒙")]
?.nmcyzzjrl || 0
}}
</text>
<text x="350" y="143" fill="#919697" font-size="8">MW</text>
<text x="280" y="155" fill="#919697" font-size="8">
风场
</text>
<text x="300" y="155" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("内蒙")]
?.nmcyfdcsl || 0
}}
</text>
<text x="310" y="155" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="360" y="155" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("内蒙")]
?.nmcyfdzjrl || 0
}}
</text>
<text x="380" y="155" fill="#919697" font-size="8">MW</text>
<text x="280" y="167" fill="#919697" font-size="8">
光伏
</text>
<text x="300" y="167" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("内蒙")]
?.nmcygfcsl || 0
}}
</text>
<text x="310" y="167" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="360" y="167" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("内蒙")]
?.nmcygfzjrl || 0
}}
</text>
<text x="380" y="167" fill="#919697" font-size="8">MW</text>
</g>
<g
v-show="
homeSuspensionWindowsData[getmapName('内蒙')]
?.companyState
"
>
<text
x="280"
y="131"
fill="#919697"
font-size="8"
font-weight="bold"
>
清洁能源公司
</text>
<text x="280" y="143" fill="#919697" font-size="8">
总装机容量
</text>
<text x="330" y="143" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("内蒙")]
?.nmgszzjrl || 0
}}
</text>
<text x="340" y="143" fill="#919697" font-size="8">MW</text>
<text x="280" y="155" fill="#919697" font-size="8">
风场
</text>
<text x="300" y="155" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("内蒙")]
?.nmgsfdcsl || 0
}}
</text>
<text x="310" y="155" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="360" y="155" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("内蒙")]
?.nmgsfdzjrl || 0
}}
</text>
<text x="380" y="155" fill="#919697" font-size="8">MW</text>
<text x="280" y="167" fill="#919697" font-size="8">
光伏
</text>
<text x="300" y="167" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("内蒙")]
?.nmgsgfcsl || 0
}}
</text>
<text x="310" y="167" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="360" y="167" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("内蒙")]
?.nmgsgfzjrl || 0
}}
</text>
<text x="380" y="167" fill="#919697" font-size="8">MW</text>
</g>
</g>
</g>
</g>
</g>
<g v-if="showPoint && $store.state.themeName === 'light'">
<g
v-if="showType === 'all' || showType === 'fc'"
class="item-label"
@click.stop="clickIncident('内蒙')"
@mouseover="mouseoverIncident('内蒙')"
@mouseout="mouseoutIncident('内蒙')"
>
<use
xlink:href="#nx-map-circle-1"
x="435"
y="83"
width="100"
height="100"
/>
<text
class="mapKey"
x="440"
y="159"
fill="#919 697"
font-size="8"
>
内蒙
</text>
<g v-show="mapDataContentState === '内蒙'">
<g
v-if="
homeSuspensionWindowsData[getmapName('内蒙')]
?.industryState &&
homeSuspensionWindowsData[getmapName('内蒙')]?.companyState
"
>
<rect
x="310"
y="100"
width="130"
height="105"
fill="#000000"
stroke="#46C55A35"
opacity="0.8"
/>
<text
x="315"
y="111"
fill="#ffffff"
font-size="8"
font-weight="bold"
>
清洁能源产业
</text>
<text x="315" y="123" fill="#ffffff" font-size="8">
总装机容量
</text>
<text x="365" y="123" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("内蒙")]
?.nmcyzzjrl || 0
}}
</text>
<text x="385" y="123" fill="#919697" font-size="8">MW</text>
<text x="315" y="135" fill="#ffffff" font-size="8">风场</text>
<text x="335" y="135" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("内蒙")]
?.nmcyfdcsl || 0
}}
</text>
<text x="345" y="135" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="395" y="135" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("内蒙")]
?.nmcyfdzjrl || 0
}}
</text>
<text x="415" y="135" fill="#919697" font-size="8">MW</text>
<text x="315" y="147" fill="#ffffff" font-size="8">光伏</text>
<text x="335" y="147" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("内蒙")]
?.nmcygfcsl || 0
}}
</text>
<text x="345" y="147" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="395" y="147" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("内蒙")]
?.nmcygfzjrl || 0
}}
</text>
<text x="415" y="147" fill="#919697" font-size="8">MW</text>
<text
x="315"
y="159"
fill="#ffffff"
font-size="8"
font-weight="bold"
>
清洁能源公司
</text>
<text x="315" y="171" fill="#ffffff" font-size="8">
总装机容量
</text>
<text x="365" y="171" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("内蒙")]
?.nmgszzjrl || 0
}}
</text>
<text x="385" y="171" fill="#919697" font-size="8">MW</text>
<text x="315" y="183" fill="#ffffff" font-size="8">风场</text>
<text x="335" y="183" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("内蒙")]
?.nmgsfdcsl || 0
}}
</text>
<text x="345" y="183" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="395" y="183" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("内蒙")]
?.nmgsfdzjrl || 0
}}
</text>
<text x="415" y="183" fill="#919697" font-size="8">MW</text>
<text x="315" y="195" fill="#ffffff" font-size="8">光伏</text>
<text x="335" y="195" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("内蒙")]
?.nmgsgfcsl || 0
}}
</text>
<text x="345" y="195" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="395" y="195" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("内蒙")]
?.nmgsgfzjrl || 0
}}
</text>
<text x="415" y="195" fill="#919697" font-size="8">MW</text>
</g>
<g v-else>
<rect
x="310"
y="100"
width="130"
height="55"
fill="#000000"
stroke="#46C55A35"
opacity="0.8"
/>
<g
v-show="
homeSuspensionWindowsData[getmapName('内蒙')]
?.industryState
"
>
<text
x="315"
y="111"
fill="#ffffff"
font-size="8"
font-weight="bold"
>
清洁能源产业
</text>
<text x="315" y="123" fill="#ffffff" font-size="8">
总装机容量
</text>
<text x="365" y="123" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("内蒙")]
?.nmcyzzjrl || 0
}}
</text>
<text x="385" y="123" fill="#919697" font-size="8">MW</text>
<text x="315" y="135" fill="#ffffff" font-size="8">
风场
</text>
<text x="335" y="135" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("内蒙")]
?.nmcyfdcsl || 0
}}
</text>
<text x="345" y="135" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="395" y="135" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("内蒙")]
?.nmcyfdzjrl || 0
}}
</text>
<text x="415" y="135" fill="#919697" font-size="8">MW</text>
<text x="315" y="147" fill="#ffffff" font-size="8">
光伏
</text>
<text x="335" y="147" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("内蒙")]
?.nmcygfcsl || 0
}}
</text>
<text x="345" y="147" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="395" y="147" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("内蒙")]
?.nmcygfzjrl || 0
}}
</text>
<text x="415" y="147" fill="#919697" font-size="8">MW</text>
</g>
<g
v-show="
homeSuspensionWindowsData[getmapName('内蒙')]
?.companyState
"
>
<text
x="315"
y="111"
fill="#ffffff"
font-size="8"
font-weight="bold"
>
清洁能源公司
</text>
<text x="315" y="123" fill="#ffffff" font-size="8">
总装机容量
</text>
<text x="365" y="123" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("内蒙")]
?.nmgszzjrl || 0
}}
</text>
<text x="385" y="123" fill="#919697" font-size="8">MW</text>
<text x="315" y="135" fill="#ffffff" font-size="8">
风场
</text>
<text x="335" y="135" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("内蒙")]
?.nmgsfdcsl || 0
}}
</text>
<text x="345" y="135" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="395" y="135" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("内蒙")]
?.nmgsfdzjrl || 0
}}
</text>
<text x="415" y="135" fill="#919697" font-size="8">MW</text>
<text x="315" y="147" fill="#ffffff" font-size="8">
光伏
</text>
<text x="335" y="147" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("内蒙")]
?.nmgsgfcsl || 0
}}
</text>
<text x="345" y="147" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="395" y="147" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("内蒙")]
?.nmgsgfzjrl || 0
}}
</text>
<text x="415" y="147" fill="#919697" font-size="8">MW</text>
</g>
</g>
</g>
</g>
</g>
<!-- 山西 -->
<g v-if="showPoint && $store.state.themeName === 'dark'">
<g
class="item-label"
@click="clickLabel('SXJ_RGN', '清洁能源', 3)"
@mouseover="mouseoverIncident('山西')"
@mouseout="mouseoutIncident('山西')"
>
<use xlink:href="#nx-map-circle-1" x="395" y="130" />
<text class="mapKey" x="410" y="203" fill="#fff" font-size="8">
山西
</text>
<g v-show="mapDataContentState === '山西'">
<g
v-if="
homeSuspensionWindowsData[getmapName('山西')]
?.industryState &&
homeSuspensionWindowsData[getmapName('山西')]?.companyState
"
>
<rect
x="250"
y="115"
width="150"
height="105"
fill="#000000"
stroke="#46C55A35"
opacity="0.8"
/>
<text
x="255"
y="126"
fill="#919697"
font-size="8"
font-weight="bold"
>
清洁能源产业
</text>
<text x="255" y="138" fill="#919697" font-size="8">
总装机容量
</text>
<text x="305" y="138" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山西")]
?.sxcyzzjrl || 0
}}
</text>
<text x="345" y="138" fill="#919697" font-size="8">MW</text>
<text x="255" y="150" fill="#919697" font-size="8">风场</text>
<text x="275" y="150" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山西")]
?.sxcyfdcsl || 0
}}
</text>
<text x="285" y="150" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="335" y="150" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山西")]
?.sxcyfdzjrl || 0
}}
</text>
<text x="375" y="150" fill="#919697" font-size="8">MW</text>
<text x="255" y="162" fill="#919697" font-size="8">光伏</text>
<text x="275" y="162" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山西")]
?.sxcygfcsl || 0
}}
</text>
<text x="285" y="162" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="335" y="162" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山西")]
?.sxcygfzjrl || 0
}}
</text>
<text x="375" y="162" fill="#919697" font-size="8">MW</text>
<text
x="255"
y="174"
fill="#919697"
font-size="8"
font-weight="bold"
>
清洁能源公司
</text>
<text x="255" y="186" fill="#919697" font-size="8">
总装机容量
</text>
<text x="305" y="186" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山西")]
?.sxgszzjrl || 0
}}
</text>
<text x="345" y="186" fill="#919697" font-size="8">MW</text>
<text x="255" y="198" fill="#919697" font-size="8">风场</text>
<text x="275" y="198" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山西")]
?.sxgsfdcsl || 0
}}
</text>
<text x="285" y="198" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="335" y="198" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山西")]
?.sxgsfdzjrl || 0
}}
</text>
<text x="375" y="198" fill="#919697" font-size="8">MW</text>
<text x="255" y="210" fill="#919697" font-size="8">光伏</text>
<text x="275" y="210" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山西")]
?.sxgsgfcsl || 0
}}
</text>
<text x="285" y="210" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="335" y="210" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山西")]
?.sxgsgfzjrl || 0
}}
</text>
<text x="375" y="210" fill="#919697" font-size="8">MW</text>
</g>
<g v-else>
<rect
x="250"
y="165"
width="150"
height="55"
fill="#000000"
stroke="#46C55A35"
opacity="0.8"
/>
<g
v-show="
homeSuspensionWindowsData[getmapName('山西')]
?.industryState
"
>
<text
x="255"
y="176"
fill="#919697"
font-size="8"
font-weight="bold"
>
清洁能源产业
</text>
<text x="255" y="188" fill="#919697" font-size="8">
总装机容量
</text>
<text x="305" y="188" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山西")]
?.sxcyzzjrl || 0
}}
</text>
<text x="345" y="188" fill="#919697" font-size="8">MW</text>
<text x="255" y="200" fill="#919697" font-size="8">
风场
</text>
<text x="275" y="200" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山西")]
?.sxcyfdcsl || 0
}}
</text>
<text x="285" y="200" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="335" y="200" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山西")]
?.sxcyfdzjrl || 0
}}
</text>
<text x="375" y="200" fill="#919697" font-size="8">MW</text>
<text x="255" y="212" fill="#919697" font-size="8">
光伏
</text>
<text x="275" y="212" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山西")]
?.sxcygfcsl || 0
}}
</text>
<text x="285" y="212" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="335" y="212" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山西")]
?.sxcygfzjrl || 0
}}
</text>
<text x="375" y="212" fill="#919697" font-size="8">MW</text>
</g>
<g
v-show="
homeSuspensionWindowsData[getmapName('山西')]
?.companyState
"
>
<text
x="255"
y="176"
fill="#919697"
font-size="8"
font-weight="bold"
>
清洁能源公司
</text>
<text x="255" y="188" fill="#919697" font-size="8">
总装机容量
</text>
<text x="305" y="188" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山西")]
?.sxgszzjrl || 0
}}
</text>
<text x="345" y="188" fill="#919697" font-size="8">MW</text>
<text x="255" y="200" fill="#919697" font-size="8">
风场
</text>
<text x="275" y="200" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山西")]
?.sxgsfdcsl || 0
}}
</text>
<text x="285" y="200" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="335" y="200" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山西")]
?.sxgsfdzjrl || 0
}}
</text>
<text x="375" y="200" fill="#919697" font-size="8">MW</text>
<text x="255" y="212" fill="#919697" font-size="8">
光伏
</text>
<text x="275" y="212" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山西")]
?.sxgsgfcsl || 0
}}
</text>
<text x="285" y="212" fill="#919697" font-size="8">
个，装机容量
</text>
<text x="335" y="212" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山西")]
?.sxgsgfzjrl || 0
}}
</text>
<text x="375" y="212" fill="#919697" font-size="8">MW</text>
</g>
</g>
</g>
</g>
</g>
<g v-if="showPoint && $store.state.themeName === 'light'">
<g
class="item-label"
@click.stop="clickLabel('SXJ_RGN', '清洁能源')"
@mouseover="mouseoverIncident('山西')"
@mouseout="mouseoutIncident('山西')"
>
<use xlink:href="#nx-map-circle-1" x="440" y="120" />
<text class="mapKey" x="445" y="195" fill="#919697" font-size="8">
山西
</text>
<g v-show="mapDataContentState === '山西'">
<g
v-if="
homeSuspensionWindowsData[getmapName('山西')]
?.industryState &&
homeSuspensionWindowsData[getmapName('山西')]?.companyState
"
>
<rect
x="285"
y="105"
width="150"
height="105"
fill="#000000"
stroke="#46C55A35"
opacity="0.8"
/>
<text
x="290"
y="116"
fill="#ffffff"
font-size="8"
font-weight="bold"
>
清洁能源产业
</text>
<text x="290" y="128" fill="#ffffff" font-size="8">
总装机容量
</text>
<text x="340" y="128" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山西")]
?.sxcyzzjrl || 0
}}
</text>
<text x="380" y="128" fill="#919697" font-size="8">MW</text>
<text x="290" y="140" fill="#ffffff" font-size="8">风场</text>
<text x="310" y="140" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山西")]
?.sxcyfdcsl || 0
}}
</text>
<text x="320" y="140" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="370" y="140" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山西")]
?.sxcyfdzjrl || 0
}}
</text>
<text x="410" y="140" fill="#919697" font-size="8">MW</text>
<text x="290" y="152" fill="#ffffff" font-size="8">光伏</text>
<text x="310" y="152" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山西")]
?.sxcyfdcsl || 0
}}
</text>
<text x="320" y="152" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="370" y="152" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山西")]
?.sxcygfzjrl || 0
}}
</text>
<text x="410" y="152" fill="#919697" font-size="8">MW</text>
<text x="290" y="164" fill="#ffffff" font-size="8">
清洁能源公司
</text>
<text x="290" y="176" fill="#ffffff" font-size="8">
总装机容量
</text>
<text x="340" y="176" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山西")]
?.sxgszzjrl || 0
}}
</text>
<text x="380" y="176" fill="#919697" font-size="8">MW</text>
<text x="290" y="188" fill="#ffffff" font-size="8">风场</text>
<text x="310" y="188" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山西")]
?.sxgsfdcsl || 0
}}
</text>
<text x="320" y="188" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="370" y="188" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山西")]
?.sxgsfdzjrl || 0
}}
</text>
<text x="410" y="188" fill="#919697" font-size="8">MW</text>
<text x="290" y="200" fill="#ffffff" font-size="8">光伏</text>
<text x="310" y="200" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山西")]
?.sxgsgfcsl || 0
}}
</text>
<text x="320" y="200" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="370" y="200" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山西")]
?.sxgsgfzjrl || 0
}}
</text>
<text x="410" y="200" fill="#919697" font-size="8">MW</text>
</g>
<g v-else>
<rect
x="285"
y="155"
width="150"
height="55"
fill="#000000"
stroke="#46C55A35"
opacity="0.8"
/>
<g
v-show="
homeSuspensionWindowsData[getmapName('山西')]
?.industryState
"
>
<text
x="290"
y="166"
fill="#ffffff"
font-size="8"
font-weight="bold"
>
清洁能源产业
</text>
<text x="290" y="178" fill="#ffffff" font-size="8">
总装机容量
</text>
<text x="340" y="178" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山西")]
?.sxcyzzjrl || 0
}}
</text>
<text x="380" y="178" fill="#919697" font-size="8">MW</text>
<text x="290" y="190" fill="#ffffff" font-size="8">
风场
</text>
<text x="310" y="190" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山西")]
?.sxcyfdcsl || 0
}}
</text>
<text x="320" y="190" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="370" y="190" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山西")]
?.sxcyfdzjrl || 0
}}
</text>
<text x="410" y="190" fill="#919697" font-size="8">MW</text>
<text x="290" y="202" fill="#ffffff" font-size="8">
光伏
</text>
<text x="310" y="202" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山西")]
?.sxcyfdcsl || 0
}}
</text>
<text x="320" y="202" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="370" y="202" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山西")]
?.sxcygfzjrl || 0
}}
</text>
<text x="410" y="202" fill="#919697" font-size="8">MW</text>
</g>
<g
v-show="
homeSuspensionWindowsData[getmapName('山西')]
?.industryState
"
>
<text
x="290"
y="166"
fill="#ffffff"
font-size="8"
font-weight="bold"
>
清洁能源公司
</text>
<text x="290" y="178" fill="#ffffff" font-size="8">
总装机容量
</text>
<text x="340" y="178" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山西")]
?.sxgszzjrl || 0
}}
</text>
<text x="380" y="178" fill="#919697" font-size="8">MW</text>
<text x="290" y="190" fill="#ffffff" font-size="8">
风场
</text>
<text x="310" y="190" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山西")]
?.sxgsfdcsl || 0
}}
</text>
<text x="320" y="190" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="370" y="190" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山西")]
?.sxgsfdzjrl || 0
}}
</text>
<text x="410" y="190" fill="#919697" font-size="8">MW</text>
<text x="290" y="202" fill="#ffffff" font-size="8">
光伏
</text>
<text x="310" y="202" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山西")]
?.sxgsgfcsl || 0
}}
</text>
<text x="320" y="202" fill="#ffffff" font-size="8">
个，装机容量
</text>
<text x="370" y="202" fill="#05bb4c" font-size="8">
{{
homeSuspensionWindowsData[getmapName("山西")]
?.sxgsgfzjrl || 0
}}
</text>
<text x="410" y="202" fill="#919697" font-size="8">MW</text>
</g>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
</div>
</template>
<script>
export default {
// 名称
name: "SvgMapNX",
// 使用组件
components: {},
// 传入参数
props: {
show: {
type: String,
default: "all",
},
data: {
type: Object,
default: () => {},
},
homeSuspensionWindowsData: {
type: Object,
default: () => {},
},
mapList: {
type: Array,
default: () => [],
},
},
// 自定义事件
emits: ["clickLabel"],
// 数据
data() {
return {
mapDataContentState: "",
// hb_state: false,
// xj_state: false,
// xz_state: false,
// sd_state: false,
// cn_state: false,
// wlcb_state: false,
// sx_state: false,
popup: [
false,
false,
false,
false,
false,
false,
false,
false,
false,
false,
],
effectsY: [[65, 1]],
sd: 1950,
o: 0,
showType: "",
sourceMap: {},
xtMap: {},
c1: false,
c2: false,
r: 0,
deg: 0,
showPoint: false,
svgTop: 0,
svgLeft: 0,
svgWidth: "100%",
svgHeight: "100%",
};
},
// 函数
methods: {
getmapName(name) {
let province = this.mapList.find((item) => name == item.text);
return province.code;
},
clickIncident(data) {
},
mouseoverIncident(data) {
this.mapDataContentState = data;
},
mouseoutIncident(data) {
this.mapDataContentState = "";
},
clickLabel(wpId, planBtnName, penetrateType) {
this.$emit("clickLabel", wpId, planBtnName, penetrateType);
},
popupHide: function () {
for (let i = 0; i < this.popup.length; i++) {
this.popup[i] = false;
}
},
mouseover: function (index) {
this.popupHide();
this.popup[index] = true;
},
mouseout: function () {
this.popupHide();
},
},
// 生命周期钩子
beforeCreate() {
// 创建前
},
created() {
// 创建后
setTimeout(() => {
this.c1 = true;
setTimeout(() => {
this.c2 = true;
}, 500);
}, 2000);
},
mounted() {
// 渲染后
this.svgHeight = (this.$el.scrollHeight + 200).toFixed(0);
this.svgWidth = ((this.svgHeight / 359) * 745.3).toFixed(0); // 745.3 459
this.svgTop = `calc(50% - ${this.svgHeight / 2 - 20}px)`;
this.svgLeft = `calc(50% - ${this.svgWidth / 1.82}px)`;
// this.svgLeft = `calc(50% - ${this.svgWidth / 1.91}px)`;
this.showType = this.show;
this.sourceMap = this.data;
this.deg = 60;
let eAnimation = setInterval(() => {
// 走光
this.sd = this.sd - 9;
if (this.sd <= 0) {
clearInterval(eAnimation);
let ys = 65;
let ye = 80;
let y = ys;
let upAnimation = setInterval(() => {
// 转场起
y += 3;
let op = 1 - 1 * ((y - ys) / (ye - ys));
this.effectsY.push([y, op - 0.2]);
this.o = 1 - op;
if (y >= ye) {
clearInterval(upAnimation);
this.o = 1;
setTimeout(() => {
// 转场落
let downAnimation = setInterval(() => {
this.effectsY.shift();
if (this.effectsY.length == 0) {
clearInterval(downAnimation);
}
}, 50);
}, 400);
let degAnimation = setInterval(() => {
this.deg -= 5;
if (this.deg <= 0) {
this.deg = 0;
this.showPoint = true;
clearInterval(degAnimation);
}
}, 60);
let divergenceAnimation = setInterval(() => {
this.r += 5;
if (this.r >= 800) {
this.r = 0;
clearInterval(divergenceAnimation);
}
}, 10);
}
}, 35);
}
}, 1);
},
watch: {
show(res) {
this.showType = res;
},
data(res) {
this.sourceMap = res;
},
},
};
</script>
<style lang="less" scoped>
.svg-map-nx {
position: relative;
width: 100%;
height: 100%;
svg {
position: absolute;
left: 0;
z-index: 1;
}
.item-label {
cursor: pointer;
}
#nx-map-circle-1 {
transform-origin: 50% 20%;
transform: rotateX(38deg);
}
.nx-map-up-circle {
animation: nxMapUpCircle 4s linear;
}
@keyframes nxMapUpCircle {
0% {
r: 0;
}
10% {
r: 1;
}
99% {
r: 1;
}
100% {
r: 0;
}
}
.nx-map-line {
stroke-dasharray: 60, 100;
animation: nxMapLine 4s linear;
}
@keyframes nxMapLine {
0% {
stroke-dashoffset: 60;
}
10% {
stroke-dashoffset: 60;
}
20% {
stroke-dashoffset: 0;
}
99% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: 60;
}
}
.nx-map-down-circle-1 {
animation: nxMapDownCircle1 4s linear;
}
@keyframes nxMapDownCircle1 {
0% {
r: 0;
}
20% {
r: 0;
}
30% {
r: 1;
}
50% {
r: 1;
}
99% {
r: 1;
}
100% {
r: 1;
}
}
.nx-map-down-circle-2 {
animation: nxMapDownCircle2 4s linear;
}
@keyframes nxMapDownCircle2 {
0% {
r: 0;
}
20% {
r: 0;
}
40% {
r: 2;
}
50% {
r: 2;
}
99% {
r: 2;
}
100% {
r: 2;
}
}
.nx-map-down-circle-3 {
animation: nxMapDownCircle3 4s linear;
}
@keyframes nxMapDownCircle3 {
0% {
r: 0;
}
20% {
r: 0;
}
50% {
r: 3;
}
99% {
r: 3;
}
100% {
r: 0;
}
}
.nx-map-down-circle-loop {
animation: nxMapDownCircleLoop 2s linear infinite;
}
@keyframes nxMapDownCircleLoop {
0% {
r: 0;
opacity: 1;
}
80% {
r: 8;
opacity: 0.8;
}
100% {
r: 12;
opacity: 0;
}
}
/* #91ffcc #16FFAA */
.effects-svg-path {
stroke-dasharray: 1950, 2000;
}
.esp-1 {
stroke: #05bb4c;
stroke-width: 3;
}
.esp-6 {
stroke: #05bb4c;
stroke-width: 9;
filter: blur(20px);
}
.esp-c {
stroke: #05bb4c;
stroke-width: 20;
filter: blur(40px);
}
.svg-circle-divergence {
position: fixed;
z-index: -1;
top: 0;
left: 0;
}
}
</style>