今天做一个项目，一个省份的地图，在鼠标经过每个城市时，相对应的城市区域变颜色，并且弹出一个对话框。此对话框的左下角还有一个尖状的图形指向该城市(不好意思，我的电脑不能上传图片，大家可以看一下代码就可以了)
XAML代码（需要把地图上的每个城市区域变成Path才可以自如的控制每个区域的颜色(也可以不生成PATH,可以每个区域用几张不同的图片，但是这样很麻烦)，其实生成PATH很简单，找一个完整的地图图片，然后用BLEND中的钢笔沿着区域边描点就可以，可以在描点的过程中，新生成的PATH会覆盖边线，那你可以把PATH设置为透明的就可以了
<UserControl
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
x:Class="TestMedia.HaiKouNewMap"
>
<!--<Canvas x:Name="LayoutRoot>-->
<Canvas x:Name="LayoutRoot">
<Canvas x:Name="PathRoot" Background="{x:Null}" Opacity="1">
<Canvas x:Name="CvsCity" Canvas.ZIndex="0">
<Path x:Name="phDongFang" Tag="东方" Fill="White" Opacity="1" Stretch="Fill" Stroke="Black" UseLayoutRounding="False" Canvas.Left="137.5" Canvas.Top="348.167" Data="M147.33333,348.66666 L150.00034,350.33301 L151.33369,351.66696 L152.6675,353.00009 L154.66722,355.00031 L156.66685,356.33377 L158.66643,356.66748 L160.99925,357.66724 L162.99911,359.00034 L165.99889,359.00034 L168.99866,359.00034 L171.66513,359.33371 L175.33113,359.33371 L179.33115,358.6673 L182.99789,358.00058 L185.9977,357.33383 L189.33081,357.00049 L192.33098,357.66721 L195.66447,358.00058 L197.99734,359.33405 L199.99724,360.66791 L202.66376,362.00107 L204.33,363.33456 L205.66359,365.33517 L207.66313,367.00241 L209.32936,369.33609 L210.99626,370.66998 L212.32951,371.33643 L213.6631,372.67032 L216.6626,375.33707 L217.32889,376.67096 L218.66248,377.3374 L220.32869,379.0047 L221.32898,380.67166 L222.32925,381.67148 L223.99617,383.67145 L225.32944,385.33801 L226.32973,387.33865 L227.99634,391.33929 L228.99631,394.00674 L228.99631,397.00723 L229.32962,401.00787 L228.66333,403.67496 L228.66333,407.67523 L228.66333,410.00858 L229.9966,413.009 L231.66319,415.34268 L233.66277,416.0098 L236.32896,416.3432 L240.66243,416.3432 L243.99525,416.67694 L247.99506,416.67694 L250.66159,417.34338 L253.9944,418.67728 L256.99423,420.0105 L256.99423,423.01096 L257.32755,425.01126 L256.66125,427.67831 L255.328,432.34537 L254.99467,435.01279 L255.328,438.68002 L254.99467,442.01352 L255.66132,444.6806 L256.32794,446.68054 L256.99457,450.01401 L257.66119,452.34769 L256.32761,454.6817 L253.9944,459.01535 L252.66115,461.34903 L250.66125,464.01645 L247.99474,467.68365 L245.66153,469.68359 L243.66165,471.35016 L240.32849,471.35016 L234.32883,471.35016 L226.99591,471.01709 L221.32956,471.01709 L215.66321,471.01709 L208.33028,471.01709 L202.99724,471.01709 L199.66409,472.01724 L196.99757,472.35062 L194.99768,474.68463 L190.99791,477.35135 L188.6647,479.68536 L184.99823,481.35193 L182.66504,482.68579 L180.66515,484.35236 L178.33194,485.35284 L175.33211,486.01996 L172.66559,486.35333 L168.99913,487.02045 L165.33266,487.02045 L161.6662,487.02045 L156.33316,486.6871 L155.33322,483.68665 L153.33333,480.68619 L150.66681,478.01913 L149.33356,475.68542 L145.66708,472.01822 L144.33348,469.68454 L142.33392,466.68408 L141.33432,463.68362 L141.33432,460.01642 L143.00124,457.34933 L144.33449,454.0155 L146.33437,450.3483 L147.00099,448.01462 L148.00093,445.34753 L148.66756,441.34695 L148.33424,437.34634 L147.66762,434.34589 L146.00105,431.01205 L144.33449,428.0116 L143.33455,425.01117 L141.33467,421.34393 L140.00142,418.34348 L139.00148,414.67627 L138.66817,411.00906 L138.00121,406.34167 L139.00114,403.34122 L141.00102,400.00739 L144.00084,394.67325 L145.33411,394.0065 L146.33405,392.0062 L148.00061,390.33926 L149.66718,386.67206 L150.3338,383.33823 L150.66713,379.67102 L149.66718,375.67041 L148.66724,373.00333 L145.66742,369.66949 L143.33421,368.00259 L141.00102,365.00214 L140.00108,362.33505 L140.3344,358.66785 L141.00102,356.66754 L142.00096,354.66724 L143.66753,353.00034 L145.33411,350.66666 z"/>
<Path x:Name="phChangJiang" Tag="昌江" Fill="White" Opacity="1" Stretch="Fill" Stroke="Black" UseLayoutRounding="False" Canvas.Left="148.5" Canvas.Top="300.833" Data="M149.33333,346.33334 L149.00034,344.00034 L150.00032,340.33368 L151.00031,338.33414 L152.33362,336.33469 L154.33412,334.3353 L157.00151,333.0025 L159.0018,331.6694 L162.66901,331.6694 L165.33566,331.0025 L169.33656,331.0025 L172.004,331.0025 L174.0043,329.66934 L175.33786,328.00253 L177.33855,325.33618 L178.67245,323.33676 L180.00569,322.00394 L181.67264,320.67078 L183.67262,319.33728 L185.67259,317.00464 L187.00578,315.00494 L189.33945,314.0051 L191.34007,312.33865 L193.34073,311.33911 L196.67494,309.33978 L201.67575,305.67404 L203.67574,304.67389 L206.67587,304.00702 L208.67584,303.00717 L210.6758,301.67404 L212.00897,301.34042 L213.00911,303.00717 L214.00925,304.67355 L215.00938,306.33997 L216.67627,308.33966 L218.34283,310.33932 L219.67668,311.33917 L221.34323,312.6723 L223.67722,314.33871 L226.67728,316.00513 L230.0107,316.67166 L232.01096,317.00494 L233.67784,316.67166 L234.01088,318.00479 L234.01088,320.00449 L234.67761,325.33698 L235.01065,327.66995 L235.6774,329.33636 L236.67719,330.66946 L236.67719,333.00244 L237.67697,334.66885 L238.67674,336.33524 L240.34326,339.33478 L242.01044,341.66776 L243.34392,343.66742 L245.34448,345.66711 L247.34505,347.66681 L250.01236,349.99942 L253.3461,351.6658 L255.34668,352.66531 L256.34714,352.66531 L256.68085,354.33136 L258.01401,356.33133 L258.01401,358.99789 L258.68076,362.33066 L259.01379,364.66394 L259.34717,366.99655 L260.34763,371.3295 L261.01471,373.66281 L261.68146,376.32874 L262.0145,378.66205 L264.01474,381.32794 L264.68149,383.66125 L266.01465,385.32733 L267.34814,386.6608 L268.68198,387.66028 L270.34851,389.32635 L272.68246,390.65982 L275.01575,391.32605 L276.68262,392.3262 L279.34927,393.65964 L281.34985,395.99225 L283.01709,397.99191 C283.01709,397.99191 285.01733,398.32516 285.01733,399.65829 C285.01733,400.99142 286.6842,402.32419 286.6842,402.32419 L287.01724,404.32419 L288.01736,406.32419 L289.35086,410.99078 L289.35086,413.32373 L290.35132,415.99033 L290.68503,418.65659 L292.01819,420.32266 L293.68506,422.98926 L295.01822,424.65567 L296.68509,425.98846 L298.01825,427.32159 L298.01825,428.98834 L296.35138,431.6546 L294.35114,433.98724 L292.01752,435.98691 L288.35043,437.32004 L286.35019,438.98679 L283.6832,440.98648 L281.34958,442.31961 L278.34921,443.31979 L276.01559,443.98669 L273.34863,445.31982 L270.68164,446.65332 L267.01453,447.65283 L264.34753,448.31906 L262.68066,448.98596 L260.34705,448.31937 L258.68018,445.65311 L257.68005,441.65369 L258.01343,437.98755 L258.3468,434.32141 L259.01355,430.65527 L260.34705,427.6557 L260.68042,422.98972 L260.68042,419.99014 L258.68018,417.32388 L256.67996,416.32404 L254.34633,415.32416 L250.67923,413.99103 L247.34549,413.99103 L244.01176,413.99103 L241.0114,413.99103 L236.67754,413.99103 L232.67706,413.32446 L232.01031,410.32489 L232.01031,407.32535 L232.01031,403.32593 L232.34369,397.99335 L231.67694,393.32736 L231.01019,389.99451 L229.6767,387.32825 L228.00983,384.66196 L225.67622,381.66238 L223.34261,378.66284 L221.00899,375.99655 L218.00864,373.99686 L213.67477,369.99744 L211.0078,366.99786 L208.00743,364.33157 L206.00719,361.9986 L203.34019,358.99902 L199.6731,356.99933 L197.0061,355.99945 L193.00563,354.9996 L189.33852,354.33304 L186.00479,354.33304 L182.33768,355.33289 L178.67056,355.66617 L175.33684,356.33276 L171.66972,356.99933 L168.66937,356.99933 L165.33563,356.66605 L161.33514,355.33289 L158.33479,354.66632 L156.66792,352.99991 L154.3343,351.66675 L153.00081,349.33377 L151.66733,348.33392 z"/>
<Path x:Name="phZhanZhou" Tag="儋州" Fill="White" Opacity="1" Stretch="Fill" Stroke="Black" UseLayoutRounding="False" Canvas.Left="213.833" Canvas.Top="196.5" Data="M214.66667,298.66666 L216.99966,295.66632 L219.33298,292.66565 L221.00008,290.66498 L223.0002,288.33081 L225.33366,286.99756 L227.00081,284.66382 L229.66772,283.3299 L232.00089,280.99646 L235.0011,278.99609 L238.66801,277.32913 L241.66785,275.99591 L246.00102,274.99576 L250.00119,273.99561 L253.00131,273.32883 L256.00143,273.32883 L259.66824,272.99576 L262.668,272.32898 L265.00107,271.32916 L268.00113,269.66263 L270.66785,268.3288 L274.00092,266.66223 L276.33429,265.3284 L278.33466,263.99521 L279.66837,261.99493 L281.66809,260.32803 L283.33444,258.66147 L285.00146,256.99426 L287.33484,254.66063 L289.00189,252.99339 L290.33527,250.99312 L291.66898,249.65961 L294.00204,249.65961 L296.33545,249.99265 L300.00256,249.99265 L304.00269,249.65927 L306.66943,248.99217 L308.33582,248.32541 L310.33621,247.65898 L310.33621,244.3248 L308.33646,243.65839 L307.00308,242.32452 L305.33636,239.65781 L304.3363,236.9904 L303.66962,232.98981 L302.0029,230.9895 L300.00281,228.65582 L297.6694,228.65582 L295.33597,228.65582 L293.33591,229.98901 L291.66919,230.65579 L290.33578,231.65594 L289.00241,232.32271 L287.33569,234.32303 L284.66891,235.65656 L283.0022,237.32349 L281.66879,238.32364 L280.00208,238.99042 L279.33539,240.32394 L276.33527,240.65733 L273.33517,239.32379 L271.33508,236.65672 L270.00171,233.65625 L269.66837,230.65579 L271.00174,224.9886 L271.66843,222.9883 L272.66849,220.98801 L274.33521,219.32109 L277.00195,217.32114 L279.00204,216.32133 L283.0022,215.9883 L286.33563,214.65477 L288.66907,212.65414 L290.66913,211.32027 L293.00256,209.32031 L294.66928,206.32024 L296.66937,203.32018 L298.00275,200.32013 L298.33609,197.65347 L299.66946,196.98637 L302.0029,196.98637 L303.66962,197.9865 L305.66971,198.98663 L307.00308,199.98676 L309.00314,201.32027 L314.00299,203.32053 L315.66971,204.32066 L317.66943,204.65404 L319.33582,205.98755 L321.33618,206.6543 L324.00327,207.65443 L326.00333,207.98781 L328.33673,208.65456 L330.00378,209.32132 L332.67053,209.32132 L334.67026,209.98807 L337.67001,209.98807 L341.00311,210.32144 L343.66986,210.65482 L346.33624,210.65482 L347.33658,212.3217 L347.00357,214.32196 L348.67029,215.98885 L350.33667,217.32236 L353.3371,218.32249 L357.33755,218.98924 L360.67133,217.98912 L363.33774,216.98898 L365.00479,214.98872 L367.00485,215.65547 L369.33826,217.65573 L371.33865,219.65599 L373.33905,222.32301 L374.33942,225.32341 L375.33978,228.65718 L375.33978,230.32405 L375.67346,233.32445 L375.67346,239.32524 L374.67307,241.99225 L373.67303,244.99265 L373.33969,247.32628 L372.00629,251.3268 L370.33957,253.66045 L370.00623,256.9942 L369.00616,259.32785 L369.33951,262.66162 L370.00623,265.66202 L370.67291,267.32889 L372.673,268.66241 L376.00647,269.99591 L379.00659,270.99603 L381.34003,271.99615 L383.67377,272.66293 L387.34024,274.66318 L390.67404,275.32993 L393.67383,276.66345 L398.67401,279.99722 L401.00708,281.66409 L404.34055,283.66437 L406.34094,285.99799 L408.67471,287.66489 L410.67444,289.66513 L410.00742,291.66541 L408.00732,294.33243 L406.67395,297.33282 L406.34058,300.99997 L405.67389,303.66699 L405.0072,306.33368 L406.00723,309.66779 L406.34058,312.0011 L406.67395,314.66809 L407.00729,317.66815 L405.0072,317.00107 L402.34042,317.33444 L398.67361,317.33444 L395.00681,317.33444 L392.00668,318.66794 L390.00662,320.0011 L389.3399,323.00146 L391.34,326.00183 L394.34012,329.33557 L398.00693,331.33615 L400.00702,332.33661 L402.67377,334.33722 L403.34048,335.67108 L404.00717,337.33762 L404.00717,340.67172 L403.67383,343.33841 L402.67377,347.00589 L401.67374,350.33966 L401.00705,352.67365 L401.67374,354.67355 L403.00711,356.34009 L404.00717,359.34082 L405.34055,362.34155 L406.34058,365.00891 L406.00723,368.00931 L403.67383,368.67606 L400.67371,368.67606 L396.67355,365.00858 L392.67337,363.0083 L389.3399,361.34143 L386.00644,360.0079 L383.00632,360.34128 L379.67285,359.00778 L375.6727,357.67426 L369.67245,354.67386 L364.33893,351.00671 L359.67206,347.33957 L355.67191,343.33905 L353.00513,339.00513 L352.33844,335.67136 L352.0051,333.33771 L351.00507,329.33719 L350.00504,325.33667 L347.6716,322.66965 L345.33817,323.00302 L341.67136,324.00314 L339.00458,326.67017 L336.67117,327.67032 L331.67096,329.67056 L330.00424,330.00394 L327.00412,329.67056 L324.004,328.00369 L319.33713,325.67004 L314.67029,323.3364 L308.3367,321.66953 L305.00323,320.336 L300.66974,320.00262 L296.66959,320.66937 L293.33612,321.33612 L290.66934,322.66965 L286.95514,322.81824 L282.33566,323.00302 L278.66885,320.66937 L274.00201,316.33548 L270.33521,311.66818 L268.00177,308.33441 L264.33496,305.33401 L260.00146,302.33362 L256.00131,300.66675 L252.66783,299.99997 L249.33437,299.6666 L243.33412,298.99985 L240.66736,299.33322 L235.66716,299.6666 L234.33377,301.00012 L232.33369,303.66714 L232.33369,307.66766 L232.33369,309.66794 L232.66704,312.00156 L232.66704,313.66846 L229.33357,313.66846 L225.00006,312.33493 L219.33318,307.66766 L217.99979,304.66727 L216.33305,302.66699 L214.33298,300.33337 z"/>
<Path x:Name="phBaiSha" Tag="白沙" Fill="White" Opacity="1" Stretch="Fill" Stroke="Black" UseLayoutRounding="False" Canvas.Left="234.833" Canvas.Top="301.5" Data="M236.66667,302.66666 L239.33299,302.33301 L242.66705,302.00037 L245.33356,302.66632 L248.00081,302.66632 L251.0011,302.66632 L253.66801,303.66528 L256.66791,303.99786 L258.33432,304.99661 L260.66815,305.66245 L262.66794,306.99365 L264.33435,308.3252 L266.00143,309.99002 L267.33484,311.98743 L268.66858,314.98355 L271.33508,317.31384 L273.33554,319.97745 L276.00275,321.97491 L279.00296,324.3053 L283.00327,325.97021 L287.33691,325.97021 L291.00421,325.97021 L294.67117,324.30563 L299.00449,322.97397 L301.67136,322.64105 L305.00458,322.97397 L307.67142,323.6398 L311.67136,324.63855 L315.33792,326.30313 L318.0051,327.96805 L322.00537,330.29849 L326.00565,331.96344 L329.67255,332.29639 L333.00574,332.29639 L336.00592,331.96381 L338.67276,329.6333 L341.33926,328.30161 L343.67307,326.63696 L346.0062,325.9711 L347.67297,326.96988 L348.67267,330.96503 L348.67267,332.62964 L349.00568,334.95978 L350.00574,338.289 L351.33914,340.2869 L352.33954,341.95187 L354.00662,345.28119 L356.34009,346.94617 L358.0072,349.2767 L360.67404,352.27347 L364.67392,354.27142 L367.34039,355.60352 L372.00766,358.26666 L377.67465,360.26462 L379.34109,361.26379 L383.0083,362.59592 L386.6752,363.92734 L390.34174,364.26025 L392.67554,365.92529 L395.00867,367.59 L396.34207,368.92142 L398.00919,369.92023 L398.6759,372.25082 L399.00891,375.91351 L398.67557,381.24057 L397.34216,385.56915 L395.34204,387.56647 L392.34186,390.89554 L389.00833,393.892 L386.67487,396.55554 L384.00806,397.55405 L381.34125,399.55136 L379.67447,401.54865 L376.67432,403.21301 L374.34085,404.87802 L370.67395,406.20978 L368.67386,407.54187 L366.67374,409.53915 L364.67361,411.86938 L362.34015,414.19992 L360.00668,417.52963 L356.33981,419.85986 L353.00629,422.19043 L351.00616,424.85428 L348.00601,426.186 L346.00589,427.5181 L343.33908,428.5166 L341.33896,430.18094 L335.67197,432.17889 L334.00522,432.84512 L330.67169,433.17804 L326.67145,433.51132 L322.00452,433.84393 L316.33752,433.17804 L310.00385,431.51337 L305.67026,429.1828 L302.67007,426.8522 L299.33658,424.85458 L297.00311,422.52402 L295.33633,419.8605 L294.00293,415.86526 L292.66953,413.5347 L291.66946,409.20648 L290.6694,405.87711 L290.00269,402.88065 L288.33594,399.21832 L286.33582,396.22189 L283.00229,393.22543 L280.00214,390.56195 L275.33521,388.5643 L273.00174,387.89844 L269.0015,384.90198 L266.33469,380.90674 L265.00128,377.24442 L264.00122,372.58328 L263.3345,369.91977 L262.33444,366.92331 L262.0011,362.92807 L261.00104,358.59985 L261.00104,354.93753 L259.66763,351.60815 L257.33417,349.94348 L253.6673,348.61172 L250.66713,346.61407 L247.00024,343.61765 L244.66678,340.62119 L241.99997,337.62476 L239.99985,333.62949 L238.66644,329.96716 L237.99974,325.63898 L237.33304,321.97665 L237.33304,318.31433 L236.99968,315.31787 L235.66628,312.9873 L235.66628,309.99088 L235.33258,307.32736 L235.66628,304.33093 z"/>
<Path x:Name="phLinGao" Tag="临高" Fill="White" Opacity="1" Stretch="Fill" Stroke="Black" UseLayoutRounding="False" Canvas.Left="360.5" Canvas.Top="174.833" Data="M366,211.66667 L366.33334,209.66634 L365.66632,207.33228 L363.99677,204.99907 L363.32907,202.66553 L361.99417,201.33168 L361.66037,198.99847 L360.99237,196.33156 L361.3262,193.33168 L362.66153,190.33185 L363.32919,188.33211 L364.66452,186.3324 L366.33368,184.66606 L368.00327,182.33234 L370.00638,181.33266 L372.00949,178.99966 L374.0126,177.99966 L377.01727,176.66632 L378.68652,175.9993 L381.35693,175.9993 L384.02808,175.33263 L387.03275,175.33263 L390.37125,175.33263 L392.04086,175.33263 L394.37784,175.99963 L397.71674,176.99965 L400.72107,178.33298 L403.7254,178.66631 L405.39432,179.33298 L407.7316,179.99965 L410.73593,181.33298 L414.07407,182.33298 L416.41101,182.99965 L420.7514,183.66632 L426.09265,183.66632 L428.42957,182.66632 L430.76685,180.99965 L432.43576,179.66631 L433.10379,177.66631 L433.98517,176.49297 L434.10535,176.33298 L435.1069,177.99965 L436.77615,178.99965 L436.77615,180.66631 L438.11121,180.99965 L439.11276,182.33298 L440.44815,182.99965 L439.44693,184.66632 L437.44385,186.99965 L436.44229,189.66632 L435.44073,192.66632 L434.10535,198.66634 L434.10535,201.33301 L434.10535,203.33301 L434.10535,204.99968 L433.43765,207.33301 L433.43765,209.66635 L433.43765,211.33302 L433.43765,214.99969 L433.77148,217.33304 L433.10379,220.00008 L433.10379,222.66678 L433.43765,226.33313 L433.43765,229.00015 L433.10379,233.33354 L433.10379,236.33394 L432.76996,240.33437 L432.76996,243.66812 L433.43765,247.33455 L433.10379,251.66833 L432.76996,256.33478 L432.10223,259.66855 L430.43301,263.33496 L427.76221,266.00204 L425.75912,269.00214 L423.42218,271.66888 L420.41751,274.3353 L418.74829,277.66907 L416.41135,280.66882 L415.07593,283.66855 L413.40668,286.00159 L412.73898,287.6683 L410.7359,285.66794 L407.73126,283.00125 L404.39276,281.00122 L401.72195,278.66785 L397.04807,275.66779 L392.37418,273.33444 L387.70029,270.66772 L382.02487,269.66772 L377.68481,268.00101 L373.67862,265.66766 L372.0094,262.33426 L373.01093,257.66754 L373.67862,254.33415 L375.34787,250.33409 L377.01712,246.00069 L378.35251,241.00061 L378.68637,238.00056 L378.68637,234.0005 L378.35251,231.00046 L378.01868,227.00041 L376.01556,223.00035 L374.34634,219.33362 L372.67709,216.33357 L370.34015,214.33354 L367.33551,212.66685 z"/>
<Path x:Name="phChengMai" Tag="澄迈" Fill="White" Opacity="1" Stretch="Fill" Stroke="Black" UseLayoutRounding="False" Canvas.Left="408.167" Canvas.Top="160.5" Data="M454.33334,175.66667 L456.33368,175.33299 L458.00095,175.99936 L461.00143,176.99841 L463.33514,177.66446 L464.66907,179.32899 L466.33566,180.99434 L468.33636,181.66035 L468.0033,183.99092 L467.33649,186.32182 L467.66989,188.65314 L468.0033,191.98268 L468.6701,195.31256 L470.00336,197.64384 L471.67032,199.64145 L474.00369,201.30605 L477.00421,202.30534 L479.00452,202.30534 L480.33807,201.30672 L480.67181,199.64175 L480.3381,196.97781 L480.3381,194.31387 L481.33826,191.64995 L482.00537,189.319 L483.67233,187.32104 L486.00571,185.32309 L487.00586,183.99113 L489.33957,183.32515 L492.67383,182.32617 L496.00739,182.32617 L500.67484,181.66019 L503.67496,180.9942 L505.67493,179.99522 L506.67474,177.33128 L506.341,173.66838 L506.341,170.0051 L506.341,166.67514 L507.00778,164.34381 L509.34143,162.01317 L511.00867,161.01419 L513.00897,161.01419 L513.34235,162.67917 L513.34235,165.34314 L513.34235,168.3401 L513.00928,171.67006 L512.6759,174.66702 L512.6759,177.66399 L512.6759,181.65993 L513.00928,184.9899 L515.34296,188.65285 L516.67682,190.98381 L518.01001,193.98077 L520.01031,197.31075 L522.01062,200.6407 L523.34418,203.63766 L524.34467,206.96725 L525.34515,209.2982 L525.67883,211.96249 L526.01184,213.62746 L526.34521,217.29005 L526.34521,221.28633 L526.01215,227.61395 L526.67896,230.6106 L526.01184,232.94124 L525.34503,237.93617 L525.34503,240.60013 L526.01184,243.92975 L527.67877,246.2607 L528.67859,248.592 L530.01178,250.92262 L531.34534,252.25459 L531.67902,255.58488 L532.01202,257.58252 L532.01202,259.58014 L531.01184,261.24475 L529.01154,262.24405 L526.67786,262.91037 L524.0108,263.90933 L519.67682,262.91034 L517.00977,262.57736 L514.00928,262.24435 L511.67563,262.24435 L509.00854,262.91034 L507.67502,264.57532 L506.34149,266.23996 L506.34149,267.90527 L506.34149,271.2352 L506.67487,273.89951 L507.00824,275.56448 L507.34164,277.2291 L507.00824,278.56143 L506.00809,280.89206 L504.34119,283.22302 L502.67426,285.22131 L501.34073,288.21863 L499.34042,291.21594 L498.0069,292.21527 L497.34012,293.88062 L495.33984,295.54562 L493.00613,297.87625 L490.67245,300.87323 L488.67215,302.53821 L486.33847,303.53683 L484.67157,305.20148 L481.00433,305.53482 L477.6705,305.86749 L475.00345,305.86749 L471.66962,305.86749 L468.66916,305.86749 L466.33548,307.53247 L464.00177,308.53113 L462.0015,310.19577 L458.66766,312.19409 L456.66736,314.52539 L454.00027,316.85602 L451.99997,318.854 L449.99966,319.18701 L447.33258,319.85333 L443.99908,319.85333 L439.9985,320.85233 L437.99823,319.85333 L435.66455,320.18634 L432.66379,320.51932 L428.66287,320.85233 L423.66177,320.85233 L420.66098,320.85233 L416.66,320.18634 L412.9924,319.18735 L410.99207,316.19037 L409.99191,313.85941 L408.65836,312.19443 L408.65836,308.86447 L408.65836,305.86749 L409.3248,302.20453 L409.99158,298.87457 L411.65851,293.87964 L412.99207,291.54868 L414.32562,290.21667 L415.65918,287.88571 L417.32614,285.88773 L418.6597,283.88977 L420.32663,281.55878 L422.32697,278.22882 L424.66071,275.89786 L425.99426,273.56686 L428.32797,271.2359 L430.32831,268.90494 L431.66187,266.90695 L433.32883,264.90897 L434.32898,262.245 L435.32916,258.91504 L435.66254,256.58408 L435.66254,253.58711 L435.66254,249.92415 L435.99594,246.92719 L435.66254,243.93022 L435.66254,239.93427 L435.66254,235.27232 L435.66254,232.27536 L435.99594,228.2794 L435.66254,224.28345 L435.66254,220.28749 L435.66254,216.62454 L435.66254,212.62859 L436.32932,209.29863 L436.66272,203.97069 L436.66272,201.30672 L436.99609,197.64377 L437.99628,194.3138 L438.99643,191.64983 L439.99661,189.31886 L440.66339,186.98788 L442.66373,184.65692 L443.66388,182.65894 L445.66422,181.99295 L447.66455,180.99396 L449.66489,179.32898 L451.66522,177.33099 z"/>
<Path x:Name="phHaiKou" Tag="海口" Fill="White" Opacity="1" Stretch="Fill" Stroke="Black" UseLayoutRounding="False" Canvas.Left="514.833" Canvas.Top="149.5" Data="M516.33331,161.33333 L518.00031,162.33366 L520.00024,163.33434 L521.66687,164.33519 L523.66638,165.33615 L524.99921,166.33719 L527.66553,167.00471 L528.99829,167.67191 L531.66449,168.00516 L533.66376,168.00516 L534.99652,168.33875 L537.99585,168.33875 L540.99524,167.3383 L543.32813,166.33754 L545.32806,165.00317 L547.66132,163.66881 L549.32733,162.00085 L551.32733,159.9993 L551.9942,157.66417 L553.99384,155.66222 L555.3269,153.3266 L555.99384,151.32532 L557.66022,150.32487 L560.65936,149.99162 L563.99176,150.32523 L566.65796,150.65881 L569.9903,151.32599 L572.65643,152.32677 L575.32227,153.66112 L577.65546,153.99471 L580.98779,155.32907 L583.32068,156.32983 L585.65387,157.33061 L587.65314,158.99857 L590.65222,160.33292 L593.9845,161.66728 L595.65076,163.00165 L597.31677,164.336 L601.31592,166.67113 L602.64935,168.33908 L605.31512,169.6738 L608.98138,172.67613 L610.31445,174.67735 L612.31439,176.01135 L613.98108,177.3457 L614.64758,178.6804 L616.64685,180.01442 L618.31281,179.68083 L620.97925,178.68007 L621.979,181.01518 L622.31226,183.3503 L623.97888,185.35217 L624.31213,187.35406 L625.64557,189.35599 L626.64502,191.35793 L627.97772,193.69347 L629.64404,197.02913 L631.64331,198.69713 L632.64276,200.03119 L634.64197,202.36636 L635.97467,205.36909 L638.64075,208.03824 L639.30688,210.37344 L639.30688,212.709 L637.64087,215.04387 L636.97437,216.71188 L636.64111,219.38036 L634.64154,221.38229 L632.64197,224.05145 L630.97565,226.72028 L629.30933,229.05515 L628.30957,231.39037 L627.97632,234.05952 L626.9765,236.06114 L627.30975,240.06436 L628.64282,243.40039 L629.97589,247.07036 L630.6424,248.73839 L631.3089,251.07327 L632.30872,253.07489 L632.30872,256.07733 L632.97522,257.74536 L632.97522,260.08023 L632.97522,263.08264 L633.64172,266.08505 L632.97522,269.75467 L632.30872,273.75754 L630.6424,276.75961 L628.97607,279.42807 L626.9765,281.43002 L623.97717,282.09756 L622.31085,283.09836 L619.64478,282.09756 L616.97864,281.09674 L614.31256,279.42874 L611.97974,278.09436 L609.98016,277.09354 L607.98059,277.42715 L603.98145,278.09436 L601.64862,279.09515 L598.64929,279.09515 L595.31665,279.09515 L591.65076,279.09515 L587.31836,278.76154 L582.98596,277.09354 L578.98682,275.75916 L576.32074,273.75754 L572.32159,271.42233 L569.3222,268.08633 L567.65594,265.75113 L565.98962,261.74789 L565.98962,257.4111 L565.98962,253.74149 L567.65594,251.40628 L570.32202,249.73828 L572.32159,247.40308 L573.65466,244.40067 L573.32135,241.06465 L571.65509,238.39584 L569.3222,237.72864 L566.65613,237.39505 L563.6568,237.39505 L560.65741,237.39505 L558.32458,238.39584 L556.32501,239.39665 L552.99243,240.39745 L549.65979,241.73186 L547.32697,243.06625 L544.66089,245.73506 L542.66132,248.07027 L539.99518,249.40468 C539.99518,249.40468 539.66193,250.40547 537.3291,250.40547 C534.99628,250.40547 532.66345,249.73828 532.66345,249.73828 L529.66406,246.40227 L528.99756,242.73265 L528.99756,239.73026 L528.99756,235.72704 L528.99756,231.72383 L529.33081,227.72063 L528.99756,223.71741 L528.99756,218.71339 L528.66431,215.04379 L528.66431,211.37418 L527.66455,206.37016 L526.99799,202.36696 L524.66516,198.36375 L522.99884,195.36134 L520.33276,192.35893 L517.66669,188.35573 L516.66687,185.01971 L515.66711,181.3501 L515.66711,177.34689 L515.66711,173.67729 L515.33356,170.34128 L515.66718,166.33807 L516.00043,163.00206 z"/>
<Path x:Name="phWenChang" Tag="文昌" Fill="White" Opacity="1" Stretch="Fill" Stroke="Black" UseLayoutRounding="False" Canvas.Left="595.5" Canvas.Top="138.5" Data="M623.5,175.5 L622.5,170.5 L620.5,165.5 L619.5,161.5 L618.5,158 L618.5,153.5 L620.5,151 L623.5,151 L626,151.5 L628.5,148.5 L633.5,144.5 L637.5,141.5 L640,139 L642.5,139 L644.5,139.5 L644,142 L644,144.5 L644,147.5 L643,151 L646,154 L654,161.5 L659.5,165 L664,168 L668,170.5 L671.5,172.5 L675.5,173 L679,173.5 L683,173.5 L687,173 L689.5,171.5 L691.5,169 L694.5,169.5 L698.5,170.5 L703,173 L705.5,176.5 L707.5,180 L710,182 L711,184.5 L712,189 L713.5,193.5 L714,198 L715.5,203 L716,210 L716.5,214 L717,219.5 L717.5,224 L717.5,229 L717.5,234 L717,241.5 L718.5,243.5 L722,246.5 L724.5,249 L726.5,252 L728.5,255 L729.5,257.5 L728,259.5 L725,260 L722,260.5 L719.5,261 L716.5,265 L714,268 L711.5,270.5 L709.5,273.5 L707,276 L704.5,278.5 L702,281.5 L699,284 L695.5,286 L691.5,285.5 L688,281.5 L687,278 L687,275 L690,271 L692,269 L695,267.5 L695,264.5 L692,260 L689.5,258 L682.5,258.5 L679,259 L674.5,260 L670,260.5 L666.5,262 L663,264 L661,266 L661,269 L662,271 L666,272.5 L669.5,274.5 L672.5,276 L677,281.5 L678,284.5 L677,289.5 L674.5,293 L673,296 L669.5,298 L668,300.5 L665,302 L663.5,304 L661.5,307.5 L659.5,311 L656,315 L652.5,318 L649.5,320 L645.5,318.5 L641,318.5 L637,320 L633.5,322.5 L630.5,325.5 L628.5,328 L627,330.5 L624.5,332 L621.5,330.5 L621,327.5 L620.5,322 L620,316.5 L616.5,310.5 L615,306.5 L611.5,303.5 L607.5,301 L603.5,297 L598.5,293.5 L596,289 L598,284.5 L599.5,282 L603.5,281.5 L607,280 L609,280.5 L611,281.5 L613.5,282.5 L617,284.5 L620.5,285.5 L622.5,285 L626,285 L629.5,283.5 L632,280.5 L633.5,277 L636.5,272.5 L636.5,268.5 L636,262.5 L636,257.5 L634,252.5 L633,248 L631,243 L630.5,238 L631,234 L633,230 L635,227 L637,224 L639.5,220.5 L640.5,217 L642.5,213.5 L642.5,208 L640,205 L637,200.5 L633,196.5 L629.5,191.5 L627.5,187 L625,181.5 z"/>
<Path x:Name="phDingAn" Tag="定安" Fill="White" Opacity="1" Stretch="Fill" Stroke="Black" UseLayoutRounding="False" Canvas.Left="509" Canvas.Top="239.5" Data="M540,367.5 L543,370 L545,371 L547.5,372 L550.5,372 L554,371 L557,368.5 L559,365.5 L560.5,363 L560.5,359.5 L561,355 L561,351.5 L559.5,347 L558,343 L558,339.5 L560,334.5 L561.5,330.5 L565,327 L569,322.5 L572,320 L574.5,317 L577,315 L579.5,312 L583.5,309 L587,306.5 L589.5,304 L592.5,303 L597,301 L599.5,299.5 L597.5,297.5 L595,294 L593,291 L593,287 L594,284.5 L595.5,281.5 L592.5,281.5 L588.5,281 L585,280.5 L582,279.5 L579.5,279 L576.5,277.5 L573.5,276 L571,273.5 L569,271 L566.5,269 L565,266.5 L564,264 L563,261.5 L562.5,258 L562.5,254.5 L564.5,251 L568,247.5 L570,245.5 L571,241.5 L568.5,240 L566,240 L562,240.5 L559.5,242 L556.5,242 L553.5,242.5 L551,244.5 L549.5,246 L547,247 L545,249 L543,250.5 L540,252 L537,252.5 L534,253 L534.5,257 L534.5,260.5 L532,263.5 L530,264.5 L525.5,266 L522,266 L518.5,266 L514.5,266 L511.5,264.5 L509.5,267 L509.5,271.5 L510.5,276.5 L514,277.5 L517,278.5 L521.5,280.5 L526,282.5 L528.5,285 L530.5,287.5 L533.5,291 L535,294.5 L536.5,298 L537,303.5 L536.5,308.5 L533,311 L530,312.5 L526,314 L523,315 L520,316.5 L518,318 L516,320 L515,324 L516.5,327.5 L520.5,330 L523,332.5 L525.5,335 L528,337.5 L531.5,341.5 L533.5,344 L536,347.5 L538.5,353 L541.5,358 L542,361.5 z"/>
<Path x:Name="phTunChang" Tag="屯昌" Fill="White" Opacity="1" Stretch="Fill" Stroke="Black" UseLayoutRounding="False" Canvas.Left="431" Canvas.Top="279.5" Data="M441.5,323 L446,323 L450.5,323 L453.5,321.5 L455.5,319 L457.5,316.5 L461,314 L464.5,311.5 L468.5,309.5 L471,309 L475,309 L480.5,309.5 L484,309 L487,306.5 L491,304 L494.5,301.5 L497,297.5 L501.5,294 L502.5,291 L504,288 L506.5,285.5 L508,281.5 L510,280 L514,280.5 L518,281 L521.5,283 L525.5,285.5 L527.5,288.5 L530,292 L531.5,294.5 L532.5,298 L533.5,302 L533.5,306 L532,309 L528.5,310.5 L524.5,312 L521.5,312.5 L516.5,315.5 L514,318 C514,318 512,320 512,322 C512,324 513.5,327 513.5,327 L516,330.5 L519,333.5 L522.5,335.5 L525,339 L527.5,341.5 L530,344.5 L534,349 L536.5,353 L538.5,358 L538.5,362 L538,365 L536.5,367.5 L532.5,367.5 L529.5,367 C529.5,367 528,367 526.5,367 C525,367 521.5,367 521.5,367 L518,368 L515.5,368.5 L512,370.5 L509.5,372 L505.5,375 L502,378.5 L500,382 L497,381.5 L492,380.5 L488,379.5 L482.5,378 L477.5,375.5 L473.5,372 L469.5,368.5 L467,364 L464.5,360 L462.5,359 L458,359.5 L453,359 L449,359 L445,358 L441,355 L439,354 L435.5,353.5 L431.5,351.5 L432,348 L434,345 L435.5,342 L437.5,339.5 L438.5,336.5 L439.5,333 L439.5,329.5 L440.5,326.5 z"/>
<Path x:Name="phQingHai" Tag="琼海" Fill="White" Opacity="1" Stretch="Fill" Stroke="Black" UseLayoutRounding="False" Canvas.Left="502.5" Canvas.Top="301" Data="M503,384.5 L503.5,382 L505.5,379 L508.5,376 L512,373.5 L516.5,371.5 L522,370.5 L525.5,369.5 L529.5,369.5 L534.5,370.5 L537.5,369.5 L540,372 L544.5,374.5 L549.5,375 L554.5,374.5 L557.5,371.5 L560.5,368.5 L564,366 L564,362.5 L564.5,358 L564.5,353 L564,347.5 L562.5,343.5 L560.5,341 L561.5,338 L564,332.5 L566.5,329.5 L570.5,326.5 L573.5,324 L576,321 L579,318.5 L581.5,315.5 L585.5,312 L591,309.5 L593.5,306.5 L598,304.5 L602,303 L604,301.5 L606.5,304 L610.5,306 L613,310 L615,313 L615.5,315.5 L618,321.5 L618,326 L618,330 L619,333 L622,334.5 L626.5,334 L630,331 L632.5,327.5 L635,325.5 L638,323 L641.5,321.5 L645,321 L644,323.5 L645,327 L645,330.5 C645,330.5 645.5,332.5 645.5,334 C645.5,335.5 644.5,336.5 644.5,336.5 L641.5,340.5 L637.5,344 L635.5,347 L634,351 C634,351 631.5,354.5 632,356 C632.5,357.5 631,360.5 631,360.5 L629.5,365.5 L628.5,370 L628,373 L626.5,375 C626.5,375 625,376.5 623,378 L620,379.5 L618,381.5 L616.5,385 L616.5,388.5 L616,392 L618,394 L618.59998,394.79999 L619.5,396 L615,396 L610.5,396 L605.5,396 L602,396 L598.5,396.5 L595.5,397 L593,398.5 L590.5,400.5 L588.5,403 L585.5,405 L582,408 L579,410 L575.5,411.5 L572,413.5 C572,413.5 569.5,415 566,415 C562.5,415 561.5,417 561.5,417 L557.5,418.5 L553.5,421.5 L550,424.5 L546,424.5 L541,423.5 L537.5,420.5 L534,419 L528,418.5 L521,419 L516,419.5 L514,416 C514,416 513.5,408 513,410.5 C512.5,413 512,405.5 512,405.5 L510,400 L508.5,394.5 L507,389.5 z"/>
<Path x:Name="phQingZhong" Tag="琼中" Fill="White" Opacity="1" Stretch="Fill" Stroke="Black" UseLayoutRounding="False" Canvas.Left="370" Canvas.Top="319.5" Data="M392,321 L396.5,321 L401,320 L405,320 L408.5,320 L412,322.5 L417.5,323 L422.5,323.5 L427,323.5 L431,323.5 L434.5,323.5 L437.5,323 L438,326.5 L437,331 L435,335.5 L432.5,339 L431,343 L428,347 L427.5,350.5 L429.5,353.5 L432.5,356 L436,356 L438.5,358 L442.5,359 L446.5,361 L449,361 L453,361.5 L456,362 L461,362 L463.5,362 L465.5,367.5 L468,371 L471.5,373.5 L473.5,376 L477.5,378.5 L480.5,380.5 L488.5,382.5 L494,384 L499.5,385.5 L503.5,389.5 L505,394 L507.5,399.5 L508,404 L509.5,409.5 L511,415 L511.5,418 L512,420.5 L509.5,427 L506,432 L503.5,435.5 L500,439.5 L496.5,441.5 L493,443.5 L491.5,447 L492.5,451 L493.5,459 L494,461.5 L494,465.5 L494.5,471 L491.5,477 L489,482 L486.5,485.5 L484,484 L480.5,481 L477,477.5 L473.5,476.5 L470,475 L467,474 L462.5,474.5 L458,476 L453,477.5 L449.5,479 L444.5,480.5 L436.5,478.5 L432,475.5 L426.5,473 L421,470 L418.5,466.5 L412.5,458.5 L410.5,454 L410.5,450 L411.5,444.5 L412.5,440 L413.5,436 L415,432 L412.5,428.5 L410,427 L407.5,427 L403,426.5 L399.5,428.5 L390.5,429.5 L386,428 L381.5,425.5 L378.5,423.5 L376.5,421 L374,417.5 L371,415 L370.5,412 L371.5,409.5 L375.5,408.5 L379,406 L382.5,403.5 L386,400.5 L389,398 L393.5,394.5 L397,389.5 L400.5,385.5 L401.5,380.5 L402.5,375.5 L402,372 L405.5,372 L408.5,369.5 L409.5,366.5 L408.5,362.5 L406.5,359 L404.5,352.5 L405,350 L405.5,346.5 L406,343 L407,339 L406.5,333.5 L404,331.5 L399,328 L395.5,325.5 z"/>
<Path x:Name="phWanNing" Tag="万宁" Fill="White" Opacity="1" Stretch="Fill" Stroke="Black" UseLayoutRounding="False" Canvas.Left="486.5" Canvas.Top="398" Data="M514.5,424 L518.5,422 L523,421.5 L529.5,421.5 L533.5,422.5 L538,425 L541.5,426.5 L546,428 L551,427.5 L554.5,425 L559,422.5 L561.5,420 L565.5,418.5 L569.5,418 L573.5,416 L578,414.5 L581.5,413 L583.5,411.5 L587.5,409 L589.5,406.5 L592,403.5 L595,400.5 L599.5,399.5 C599.5,399.5 602,398.5 603.5,398.5 C605,398.5 609.5,399 609.5,399 L614.5,398.5 L617.5,399.5 L620.5,400 L620,402.5 L617,405 L613.5,407 L610,410 L608,412.5 L606,417 L605,421 L605.5,425.5 L605,429.5 L605,431.5 L605,435 L605.5,437.5 L605,440.5 L603,442.5 L600.5,443.5 L598,444.5 L595.5,446 L592,449 L588.5,452.5 L588,457 L588.5,461 L590,465 L592.5,466 L595,467 L598.5,467 L601.5,466 L605,464 L607,460 L606,455.5 L605,451 L607,450.5 L609,453.5 L611,456.5 L612,459.5 L613.5,462.5 L614.5,465 L613.5,467 L610,469.5 L606.5,471 L604,471.5 L599.5,472 L597,473 L595,473.5 L593.5,477 L591.5,483 L588.5,488.5 L587,491.5 L584.5,494.5 L582,498 L579.5,495.5 L578,492.5 L575,489.5 L573,491 L569.5,491.5 L566.5,493.5 L556,500 L549.5,503.5 L544.5,507 L540,509.5 L535,513 L531,515 L523,520 L519,518.5 L515,518 L510,516 L506.5,515.5 L502,514 L496.5,512 L491,508.5 L491,505.5 L491,501 L491,497 L489.5,492.5 L487,488.5 L489.5,486.5 L491,484.5 L493,482 L495,479 L496,476 L496.5,473.5 L498,470 L498,465.5 L497,462 L497,457 L495.5,453 L495,447.5 L496,444.5 L503.5,440.5 L506,438 L508,434.5 L510,432.5 L511.5,429.5 L514,426 z"/>
<Path x:Name="phWuZhiShang" Tag="五指山" Fill="White" Opacity="1" Stretch="Fill" Stroke="Black" UseLayoutRounding="False" Canvas.Left="295" Canvas.Top="412" Data="M295.5,437.5 L298,435 L299.5,432.5 L301.5,430 L304,430.5 L306,432.5 L309,434 L313.5,435.5 L318,436 L321.5,437 L327.5,437 L333,436.5 L337,434.5 L341.5,433.5 L345.5,431.5 L349,429.5 L353.5,427 L356.5,424.5 L359,422 L361,420 L363.5,417.5 L365.5,414.5 L367,412.5 L369.5,415.5 L371.5,419 L375.5,424 L378.5,426.5 L381.5,429 L385,430.5 L390,431.5 L393.5,431.5 L397,431.5 L400,430.5 L404.5,430 L406.5,429.5 L410,430.5 L412.5,433.5 L411,436.5 L408.5,441 L408.5,445.5 L408.5,449.5 L408.5,452.5 L408.5,456 L409.5,459 L410.5,462 L408,468 L405,475.5 L401.5,481.5 L398,486.5 L395,491.5 L391,494 L387.5,496.5 L384.5,498 L383,495.5 L380.5,491.5 L377.5,489.5 L373.5,487.5 L371,487.5 L369,488.5 L366.5,490.5 L364.5,494 L362.5,496 L361.5,499 C361.5,499 362.5,502 360.5,502.5 C358.5,503 357.5,504.5 357.5,504.5 L354,507 L350,508.5 L346.5,511 L340.5,513.5 L337.5,515 L334.5,516 L331,517.5 L330.5,515 L331.5,511 L330,507.5 L328.5,503 L325.5,499 L322.5,497 L320,493.5 L318.5,490 L318,487 L317.5,484 L319,481.5 L321.5,478 L323.5,474 L325.5,470 L327,465 L326.5,460.5 L325.5,455.5 L323,451.5 L320,450.5 L316,448.5 L311.5,446 L306.5,444 L302,442 L298.5,439.5 z"/>
<Path x:Name="phLeDong" Tag="乐东" Fill="White" Opacity="1" Stretch="Fill" Stroke="Black" UseLayoutRounding="False" Canvas.Left="154" Canvas.Top="438" Data="M157.5,490.5 L162.5,490.5 L167,490.5 L172,490.5 L176.5,489.5 L181.5,488 L188.5,483.5 L191,481.5 L193.5,479.5 L195.5,477 L198,475 L201,474 L206,474.5 L211.5,474.5 L219.5,474.5 L226.5,474 L233.5,474 L237.5,474.5 L243,474.5 L247.5,472.5 L251.5,469 L253.5,466 L257,460.5 L259.5,455.5 L260.5,452 L264,452 L267,451.5 C267,451.5 276.5,447.5 276.5,447.5 L280,445.5 L283.5,444 L288.5,440.5 L292,438.5 L294.5,440 L297.5,442.5 L302.5,444.5 L306.5,447 L310.5,448 L314.5,450 L317.5,452.5 L321.5,456 L323.5,459 L324.5,464 L322.5,469 L319.5,475 C319.5,475 315,477.5 316,479 C317,480.5 314.5,487 314.5,487 L314.5,489.5 L316.5,492.5 C316.5,492.5 316.5,493 317.5,494.5 C318.5,496 320.5,498 320.5,498 L323,501.5 L326.5,507 L328.5,511 L327.5,514 L328.5,516.5 L327.5,519 L325.5,519.5 L321,520 L318,522 L315,522.5 L312,524 L309,526.5 L306.5,529 L305.5,531 L302.5,533.5 L299.5,533 L297,532 L292,532 L287.5,532 L283.5,534 L278.5,538.5 L277,541.5 L274.5,547.5 L272,551.5 L269.5,555.5 L267,558 L262.5,557.5 L259,557.5 L253,558 L248.5,559.5 L241,560.5 L237,562 L232.5,564.5 L228.5,566.5 L227,568.5 L223.5,572 L219,570.5 L214,567.5 L209.5,564 L205,560 L200,558.5 L193,555 L187,552 L182,551.5 L174.5,550 L168,548 L163.5,545.5 L159.5,542 L156,538 L155,533.5 L154.5,528.5 L156,523.5 L158,518 L160.5,514 L161.5,509 L161,502.5 L160,497 z"/>
<Path x:Name="phBaoTing" Tag="保亭" Fill="White" Opacity="1" Stretch="Fill" Stroke="Black" UseLayoutRounding="False" Canvas.Left="332" Canvas.Top="464.5" Data="M412,465 L411,469.5 L408,475 L406.5,477.5 L405,482 L401.5,486 L399.5,490.5 L396.5,492.5 L393.5,496.5 L390,499 L386.5,499.5 L382,499 L380,496.5 L378,493.5 L375,491.5 L372.5,490.5 L368.5,491.5 L366.5,495 L364.5,499 L363.5,502 L362,504 L360,507 L356,508.5 L353.5,510 L349,511.5 L346,514 L343,514.5 L340.5,516 L336,518.5 L332.5,520 L334.5,522 L337,524 C337,524 336.5,525 338,526 C339.5,527 341,529.5 341,529.5 L345.5,531 L349,532 L353,532 L355.5,532.5 L358.5,533.5 L358,537.5 L358,544 L358.5,549.5 L361.5,554 C361.5,554 364,558 365.5,559 C367,560 371,563.5 371,563.5 L377.5,567 L383,569 L390,569.5 L396,568.5 L399,564.5 L401,560.5 L404,555 L407.5,550 L410,545.5 L413,542 L417,540.5 L422,542 L426.5,546.5 L428,551.5 L430.5,557 L431.5,562 L432.5,566 L436,564 L437,561 L439.5,556 L441.5,554 L436.5,549 L434.5,544.5 L431.5,540.5 L430.5,534.5 L430.5,528.5 L430.5,522 L430,515 L428,506 L424,497 L422,491.5 L421,488 L419.5,482.5 L416.5,476 L415,471.5 z"/>
<Path x:Name="phLingShui" Tag="陵水" Fill="White" Opacity="1" Stretch="Fill" Stroke="Black" UseLayoutRounding="False" Canvas.Left="417" Canvas.Top="469" Data="M417.5,469.5 L426.5,476 L432.5,479.5 L436,481 L440,483 L444.5,483 L449.5,481.5 L453,481.5 L458,480 L463.5,478.5 L467,478 L471,478 L475,480.5 L478.5,482.5 L480,485.5 L484,488.5 L485.5,492.5 L487.5,497.5 L488,501.5 L487.5,505.5 L487,509.5 L489.5,512 L497,515.5 L503,517.5 L508.5,519 L513.5,520 L520,522 L516,525.5 L513.5,529.5 L510.5,535.5 L506.5,545 L505,551.5 L503.5,556.5 L502.5,561 L499,567.5 L496,571 L493,573.5 L489.5,575.5 L485.5,576 L483,574 L483,570.5 L486,566.5 L489,561.5 L487,557.5 L482,558.5 L477.5,561 L473,563 L470,565 L463.5,567 L459.5,568 L453.5,569.5 L449,570 L442.5,570.5 L435,571.5 L436.5,567.5 L439.5,563.5 L441.5,559.5 L443.5,555 L442,548.5 L437,542.5 L433.5,538 L433.5,533 L434,526.5 L433,517.5 L433,511.5 L430.5,505.5 L429,500.5 L426,493.5 L424.5,488 L422,484 L420.5,479 z"/>
<Path x:Name="phShanYa" Tag="三亚" Fill="White" Opacity="1" Stretch="Fill" Stroke="Black" UseLayoutRounding="False" Canvas.Left="224.5" Canvas.Top="522.5" Data="M225,574.5 L228,572 L232,569.5 L235,567 L240.5,564.5 L247.5,563 L254.5,562 L262.5,561.5 L269.5,561.5 L272,558.5 L274.5,554 L275.5,550.5 L277.5,547 L280.5,543 L282.5,538.5 L287,536.5 L292,535 L297.5,536 L304.5,537 L307.5,534 L311,530.5 L316,527.5 L321.5,524 L328,523 L330.61139,524.52332 L334,526.5 L337.5,530.5 L342.5,533.5 L346.5,534 L351,535 L355.5,536 L355.5,540.5 L355,546.5 L358,553.5 L361,558 L364,561.5 L367,564.5 L371.5,567 L376,569.5 L380.5,571.5 L387.5,572.5 L394,572 L397,571 L399.5,569.5 L401,567 L403,563.5 L405,559.5 L407,555.5 L409.5,551.5 L412.5,547.5 L416,544 L419,544 L424,550 L427.5,555 L429,559.5 L429.5,564 L430,567 L431,569 L428,571 L426.5,573 L424,576 C424,576 422,577 422,578.5 C422,580 421,584 421,584 L420.5,587.5 C420.5,587.5 419,588.5 419,590 C419,591.5 416.5,593.5 416.5,593.5 L413,596.5 L410,598 L406.5,600 L405.5,602.5 L408,605 L411,608 L414.5,611.5 L416,614.5 L416.5,619 L415.5,622.5 L412,622 L407.5,619.5 L404.5,617 L402,616 L397.5,616.5 L394,618.5 L391,622 L388,626 L386,627.5 L383,630.5 L380,632 L378,629.5 L377,623.5 L375.5,616 L374.5,612.5 L371.5,613 L365,618 L361.5,619 L358.5,621 L357.5,618.5 L358.5,610 L360,603 L359,599.5 L352.5,597.5 L346,596.5 L334.5,596.5 L327.5,596 L320.5,596 L315.5,596 L306.5,595.5 L301,597 L294,597.5 L286.5,598 L279,597.5 L274.5,596.5 L269,592.5 L267.5,588 L264,582.5 L260,579 C260,579 257.5,578.5 255,578.5 C252.5,578.5 245.5,579 245.5,579 L238,579 L232.5,579 L228.5,577 z"/>
</Canvas>
<Canvas x:Name="CvsName" Canvas.Top="0" Canvas.Left="0">
<TextBlock x:Name="txtDongFang" Canvas.Top="411" Text="东方" TextWrapping="Wrap" RenderTransformOrigin="1.273,0.438" FontSize="18.667" FontWeight="Bold" Canvas.Left="171"/>
<TextBlock x:Name="txtChangJiang" Canvas.Left="190" Canvas.Top="327" Text="昌江" TextWrapping="Wrap" RenderTransformOrigin="1.273,0.438" FontSize="18.667" FontWeight="Bold"/>
<TextBlock x:Name="txtBaiSha" Canvas.Left="303" Canvas.Top="359" Text="白沙" TextWrapping="Wrap" RenderTransformOrigin="1.273,0.438" FontSize="18.667" FontWeight="Bold"/>
<TextBlock x:Name="txtZhanZhou" Canvas.Left="312" Canvas.Top="273" Text="儋州" TextWrapping="Wrap" RenderTransformOrigin="1.273,0.438" FontSize="18.667" FontWeight="Bold"/>
<TextBlock x:Name="txtLinGao" Canvas.Left="385" Canvas.Top="214" Text="临高" TextWrapping="Wrap" RenderTransformOrigin="1.273,0.438" FontSize="18.667" FontWeight="Bold"/>
<TextBlock x:Name="txtChengMai" Canvas.Left="453" Canvas.Top="241" Text="澄迈" TextWrapping="Wrap" RenderTransformOrigin="1.273,0.438" FontSize="18.667" FontWeight="Bold"/>
<TextBlock x:Name="txtHaiKou" Canvas.Left="561" Text="海口" TextWrapping="Wrap" RenderTransformOrigin="1.273,0.438" FontSize="18.667" FontWeight="Bold" Canvas.Top="201"/>
<TextBlock x:Name="txtWenChang" Canvas.Left="654" Canvas.Top="205" Text="文昌" TextWrapping="Wrap" RenderTransformOrigin="1.273,0.438" FontSize="18.667" FontWeight="Bold"/>
<TextBlock x:Name="txtDingAn" Canvas.Left="541" Canvas.Top="284" Text="定安" TextWrapping="Wrap" RenderTransformOrigin="1.273,0.438" FontSize="18.667" FontWeight="Bold"/>
<TextBlock x:Name="txtQiongHai" Canvas.Left="573" Canvas.Top="357" Text="琼海" TextWrapping="Wrap" RenderTransformOrigin="1.273,0.438" FontSize="18.667" FontWeight="Bold"/>
<TextBlock x:Name="txtTunChang" Canvas.Left="467" Canvas.Top="328" Text="屯昌" TextWrapping="Wrap" RenderTransformOrigin="1.273,0.438" FontSize="18.667" FontWeight="Bold"/>
<TextBlock x:Name="txtQingZhong" Canvas.Left="430" Canvas.Top="400" Text="琼中" TextWrapping="Wrap" RenderTransformOrigin="1.273,0.438" FontSize="18.667" FontWeight="Bold"/>
<TextBlock x:Name="txtWangNing" Canvas.Left="527" Canvas.Top="451" Text="万宁" TextWrapping="Wrap" RenderTransformOrigin="1.273,0.438" FontSize="18.667" FontWeight="Bold"/>
<TextBlock x:Name="txtLingShui" Canvas.Left="444" Canvas.Top="512" Text="陵水" TextWrapping="Wrap" RenderTransformOrigin="1.273,0.438" FontSize="18.667" FontWeight="Bold"/>
<TextBlock x:Name="txtWuZhiShan" Canvas.Left="336" Canvas.Top="450" Text="五指山" TextWrapping="Wrap" RenderTransformOrigin="1.273,0.438" FontSize="18.667" FontWeight="Bold"/>
<TextBlock x:Name="txtBaoTing" Canvas.Left="370" Canvas.Top="512" Text="保亭" TextWrapping="Wrap" RenderTransformOrigin="1.273,0.438" FontSize="18.667" FontWeight="Bold"/>
<TextBlock x:Name="txtLeDong" Canvas.Left="231" Canvas.Top="494" Text="乐东" TextWrapping="Wrap" RenderTransformOrigin="1.273,0.438" FontSize="18.667" FontWeight="Bold"/>
<TextBlock x:Name="txtShanYa" Canvas.Left="313" Canvas.Top="561" Text="三亚" TextWrapping="Wrap" RenderTransformOrigin="1.273,0.438" FontSize="18.667" FontWeight="Bold"/>
</Canvas>
</Canvas>
<Canvas x:Name="CvsLine"/>
<Canvas x:Name="CvsDetail" Width="150" Background="#B1DECB42" Height="100" Visibility="Visible">
<Grid Height="100" Width="150">
<Grid.RowDefinitions>
<RowDefinition Height="24"/>
<RowDefinition Height="19"/>
<RowDefinition Height="19"/>
<RowDefinition Height="19"/>
<RowDefinition Height="19"/>
</Grid.RowDefinitions>
<StackPanel Margin="0,0,0,0" HorizontalAlignment="Center" VerticalAlignment="Center" Orientation="Horizontal">
<TextBlock Text="联系人:" TextWrapping="Wrap"/>
<TextBlock x:Name="tbxname" Text="" TextWrapping="Wrap" Margin="5,0,0,0"/>
</StackPanel>
<StackPanel HorizontalAlignment="Left" Width="Auto" Grid.Row="1" Margin="11,0,0,0" Orientation="Horizontal">
<TextBlock Text="电话:" TextWrapping="Wrap"/>
<TextBlock x:Name="tbxtel" Text="" TextWrapping="Wrap" Margin="5,0,0,0"/>
</StackPanel>
<StackPanel HorizontalAlignment="Left" Margin="11,0,0,0" Width="Auto" Grid.Row="2" Orientation="Horizontal">
<TextBlock Text="手机:" TextWrapping="Wrap"/>
<TextBlock x:Name="tbxmobile" Margin="5,0,0,0" Text="" TextWrapping="Wrap"/>
</StackPanel>
<StackPanel HorizontalAlignment="Left" Margin="11,0,0,0" Width="Auto" Grid.Row="3" Orientation="Horizontal">
<TextBlock Text="邮箱:" TextWrapping="Wrap"/>
<TextBlock x:Name="tbxmail" Margin="5,0,0,0" Text="" TextWrapping="Wrap"/>
</StackPanel>
<StackPanel HorizontalAlignment="Left" Margin="11,0,0,0" Width="Auto" Grid.Row="4" Orientation="Horizontal">
<TextBlock Text="工作时间:" TextWrapping="Wrap"/>
<TextBlock x:Name="tbxworktime" Margin="5,0,0,0" Text="" TextWrapping="Wrap"/>
</StackPanel>
</Grid>
</Canvas>
</Canvas>
</UserControl>
CS代码（CS代码中有一个方法比较麻烦，就是写提示框左下方的三角箭头，这个主要设置好X,Y值就可以了，欢迎大家改进）
using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Ink;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using System.Collections.Generic;
using System.Runtime.CompilerServices;
namespace TestMedia
{
public partial class HaiKouNewMap : UserControl
{
private double _x;
private double _y;
private SolidColorBrush ColorBorder;
private SolidColorBrush ColorEnter;
private LinearGradientBrush ColorEnterLine;
private SolidColorBrush ColorLeave;
private SolidColorBrush ColorTextEnter;
private SolidColorBrush ColorTextLeave;
private TextBlock CurrentTextBlock;
private double min_xy;
private List<Path> MyPathes;
private List<Path> MyPathesShow;
private LinearGradientBrush PathLinearGradientBrush;
private ScaleTransform PathScale;
private double sdA;
private List<TextBlock> TextBlockNames;
private List<TextBlock> TextBlockNamesShow;
private bool onForuce;
public event EventHandler SelectChange;
public HaiKouNewMap()
{
this.ColorBorder = new SolidColorBrush(Color.FromArgb(0xff, 0xdf, 0xb3, 0xeb));
this.ColorLeave = new SolidColorBrush(Color.FromArgb(0xff, 0x99, 0xc1, 11));
this.ColorEnter = new SolidColorBrush(Color.FromArgb(0xff, 0xe4, 0x77, 8));
this.ColorEnterLine = new LinearGradientBrush();
this.ColorTextEnter = new SolidColorBrush(Colors.Red);
this.ColorTextLeave = new SolidColorBrush(Colors.Black);
this.MyPathes = new List<Path>();
this.MyPathesShow = new List<Path>();
this.TextBlockNames = new List<TextBlock>();
this.TextBlockNamesShow = new List<TextBlock>();
this.PathLinearGradientBrush = new LinearGradientBrush();
this.PathScale = new ScaleTransform();
this.onForuce = false;
this.min_xy = 180.0;
this.InitializeComponent();
this.Init();
}
/// <summary>
/// 初始化方法
/// </summary>
private void Init()
{
int num;
//设置鼠标进入每个PATH时的颜色
this.ColorEnterLine.StartPoint=new Point(0.5, 0.0);
this.ColorEnterLine.EndPoint=new Point(0.5, 1.0);
//设置渐变停止点的颜色
GradientStop stop = new GradientStop();
stop.Color=Color.FromArgb(0xff, 0xab, 0xcb, 0x63);
stop.Offset=1.0;
this.ColorEnterLine.GradientStops.Add(stop);
GradientStop stop2 = new GradientStop();
stop2.Color=Color.FromArgb(0xff, 0xff, 0xff, 0xff);
stop2.Offset = 0.0;
this.ColorEnterLine.GradientStops.Add(stop2);
//初始化变量
foreach (UIElement element in this.CvsCity.Children)
{
Path ph=element as Path;
if (ph != null)
{
this.MyPathes.Add(element as Path);
}
}
foreach (UIElement element in this.CvsName.Children)
{
this.TextBlockNames.Add(element as TextBlock);
}
foreach (UIElement element in this.CvsCity.Children)
{
Path ph=element as Path;
if (ph != null)
{
this.MyPathesShow.Add(element as Path);
}
}
foreach (UIElement element in this.CvsName.Children)
{
this.TextBlockNamesShow.Add(element as TextBlock);
}
for (num = 0; num < this.MyPathes.Count; num++)
{
this.MyPathes[num].MouseEnter += new MouseEventHandler(Path_MouseEnter);
this.MyPathes[num].MouseLeave += new MouseEventHandler(Path_MouseLeave);
this.MyPathes[num].Cursor=Cursors.Hand;
}
for (num = 0; num < this.TextBlockNames.Count; num++)
{
this.TextBlockNames[num].MouseEnter += new MouseEventHandler(TxtName_MouseEnter);
this.TextBlockNames[num].MouseLeave += new MouseEventHandler(TxtName_MouseLeave);
this.TextBlockNames[num].Cursor=Cursors.Hand;
}
base.MouseMove += new MouseEventHandler(UCMap_MouseMove);
base.MouseLeave += new MouseEventHandler(UCMap_MouseLeave);
base.MouseLeftButtonUp += new MouseButtonEventHandler(UCMap_MouseLeftButtonUp);
this.PathScale.ScaleX=1.0;
this.PathScale.ScaleY=1.0;
this.PathScale.CenterX=0.5;
this.PathScale.CenterY=0.5;
this.PathRoot.RenderTransform=this.PathScale;
this.PathRoot.RenderTransform = this.PathScale;
this.PathLinearGradientBrush.EndPoint=new Point(0.5, 1.0);
this.PathLinearGradientBrush.StartPoint=new Point(0.5, 0.0);
GradientStop stop3 = new GradientStop();
stop3.Color=Color.FromArgb(0x99, 0xff, 0xff, 0xff);
stop3.Offset=0.0;
this.PathLinearGradientBrush.GradientStops.Add(stop3);
GradientStop stop4 = new GradientStop();
stop4.Color=Color.FromArgb(0x19, 0xff, 0xff, 0xff);
stop4.Offset=1.0;
this.PathLinearGradientBrush.GradientStops.Add(stop4);
}
private void Path_MouseLeave(object sender, MouseEventArgs e)
{
//this.CvsDetail.Visibility = Visibility.Collapsed;
}
private void TxtName_MouseLeave(object sender, MouseEventArgs e)
{
}
private void SetInfo()
{
if (this.CurrentTextBlock != null)
{
this.tbxname.Text = "中国";
this.tbxmail.Text = "河南";
this.tbxworktime.Text = "地王";
this.tbxtel.Text = "电话";
}
}
private void Path_MouseEnter(object sender, MouseEventArgs e)
{
(sender as Path).Fill=this.ColorEnter;
string provinceName = (sender as Path).Tag.ToString();
this.SetEnterColor(provinceName);
}
private void SetEnterColor(string ProvinceName)
{
foreach (Path path in this.MyPathesShow)
{
if (path.Tag.ToString() != ProvinceName)
{
path.Fill=this.ColorLeave;
}
else
{
path.Fill=this.ColorEnter;
}
}
foreach (Path path in this.MyPathes)
{
if (path.Tag.ToString() != ProvinceName)
{
path.Fill = this.ColorLeave;
}
else
{
path.Fill = this.ColorEnter;
//GotoProvince(path.ToString());
}
}
foreach (TextBlock block in this.TextBlockNamesShow)
{
if (block.Text!= ProvinceName)
{
block.Foreground=this.ColorTextLeave;
}
else
{
this.CurrentTextBlock = block;
block.Foreground=this.ColorTextEnter;
}
}
}
private void TxtName_MouseEnter(object sender, MouseEventArgs e)
{
string provinceName = (sender as TextBlock).Text;
this.SetEnterColor(provinceName);
this.CurrentTextBlock = sender as TextBlock;
}
private void UCMap_MouseLeave(object sender, MouseEventArgs e)
{
this.onForuce = false;
}
private void UCMap_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
{
if ((this.CurrentTextBlock != null) && (this.SelectChange != null))
{
this.SelectChange(this.CurrentTextBlock.Text, null);
}
}
private void UCMap_MouseMove(object sender, MouseEventArgs e)
{
this.onForuce = true;
if (this.CurrentTextBlock != null)
{
Point currentPoint = new Point(Canvas.GetLeft(this.CurrentTextBlock), Canvas.GetTop(this.CurrentTextBlock));
this.WirteLine(currentPoint);
}
this.SetInfo();
}
/// <summary>
/// 此方法主要实现提示框下面的箭状提示效果，其实根据五个点来实现这种功能，其中四个点写一个矩形，然后这四个点都与另外一个点连线来达到这种效果
/// </summary>
/// <param name="CurrentPoint"></param>
private void WirteLine(Point CurrentPoint)
{
double num3 = this.CvsDetail.Width;
double num4 = this.CvsDetail.Height;
double d = Math.Atan2(-CurrentPoint.X, CurrentPoint.Y);
this._x = CurrentPoint.X;
this._y = CurrentPoint.Y;
this._x += (((Math.Cos(d) * this.min_xy) + CurrentPoint.X) - this._x) / 3.0;
this._y += (((Math.Sin(d) * this.min_xy) + CurrentPoint.Y) - this._y) / 3.0;
this._y -= this._y / 100;
this._x += this._x / 5;
//形成矩形的初始点，可以根据需要更改它，比如提示框在箭头的右方等
double num = this._x;
double num2 = this._y;
CurrentPoint.X = (CurrentPoint.X * this.PathScale.ScaleX);
CurrentPoint.Y = (CurrentPoint.Y * this.PathScale.ScaleY);
this.CvsLine.Children.Clear();
//重新设置提示框的位置，使其位置与根据四点形成的位置重合
Canvas.SetLeft(this.CvsDetail, num - num3+80);
Canvas.SetTop(this.CvsDetail, num2 - num4);
//形成矩形的四个点，大家可以根据自己的需要更改这四个点的位置
Point point = new Point(num+80, num2);
Point point2 = new Point(num - num3 + 80, num2);
Point point3 = new Point(num + 80, num2 - num4);
Point point4 = new Point(num - num3 + 80, num2 - num4);
//以下代码开始画矩形及矩形四个点与CurrentPoint点的连线，并用颜色填充
Point[] pointArray = new Point[] { point, point2, point4, point3 };
List<PathFigure> list = new List<PathFigure>();
List<Path> list2 = new List<Path>();
for (int i = 0; i < pointArray.Length; i++)
{
Path item = new Path();
PathFigure figure2 = new PathFigure();
figure2.StartPoint = pointArray;
PathFigure figure = figure2;
LineSegment segment3 = new LineSegment();
segment3.Point = CurrentPoint;
figure.Segments.Add(segment3);
if ((i + 1) != pointArray.Length)
{
LineSegment segment = new LineSegment();
segment.Point = pointArray[i + 1];
figure.Segments.Add(segment);
}
else
{
LineSegment segment2 = new LineSegment();
segment2.Point = pointArray[0];
figure.Segments.Add(segment2);
}
PathFigureCollection figures = new PathFigureCollection();
figures.Add(figure);
PathGeometry geometry = new PathGeometry();
geometry.Figures = figures;
item.Data = geometry;
item.Fill = this.PathLinearGradientBrush;
list2.Add(item);
this.CvsLine.Children.Add(item);
}
}
}
}
