中文XML论坛--不用adobe svg viewer的右键菜单，如何移动？

以下是一个地图显示、控制的很好的例子，包括一个SVG文件+一个JS文件
SVG文件
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" >

<svg id="main" xml:space="preserve" width="564" height="414" viewBox="0 0 564 414" zoomAndPan="disable" onload="Javascript:initialize(evt);" style="shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:optimizeQuality;color-interpolation:sRGB" xmlns:dbxns="http://www.dbxgeomatics.com/ns">
<script xlink:href="nuclear_isotopes_dispersion_script.js" language="JavaScript" />
<defs>
<menu id="myCustomMenu">
<header>Custom Menu</header>
<item action="Find">&Find...</item>
<item action="FindAgain">Find &Again</item>
<separator/>
<item action="CopySVG">&Copy SVG</item>
<item action="ViewSource">View Sourc&e...</item>
<item action="SaveSnapshotAs">Sa&ve Current State...</item>
<item action="Help">&Help...</item>
<item action="About">About SVG Viewer...</item>
<separator/>
<item id="aboutwin" onactivate="showAbout(evt)">&About SVGMapMaker 3.0 </item>
</menu>
<linearGradient id="aboutDeg" gradientUnits="objectBoundingBox" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" style="stop-color:rgb(165,206,239)"/>
<stop offset="1" style="stop-color:rgb(255,255,255)"/>
</linearGradient>
<linearGradient id="oveMapDeg" gradientUnits="objectBoundingBox" x1="1" y1="0" x2="0" y2="0">
<stop offset="0" style="stop-color:rgb(201,189,199)"/>
<stop offset="0.5" style="stop-color:rgb(124,66,112)"/>
<stop offset="1" style="stop-color:rgb(201,189,199)"/>
</linearGradient>
<linearGradient id="panningArrowDeg" gradientUnits="objectBoundingBox" x1="0" y1="1" x2="0" y2="0">
<stop offset="0.1" style="stop-color:rgb(201,189,199)"/>
<stop offset="0.5" style="stop-color:rgb(124,66,112)"/>
<stop offset="0.9" style="stop-color:rgb(201,189,199)"/>
</linearGradient>
<linearGradient id="panningArrowDeg2" gradientUnits="objectBoundingBox" x1="1" y1="0" x2="0" y2="0">
<stop offset="0" style="stop-color:rgb(201,189,199)"/>
<stop offset="0.5" style="stop-color:rgb(124,66,112)"/>
<stop offset="1" style="stop-color:rgb(201,189,199)"/>
</linearGradient>
<linearGradient id="lcDeg" gradientUnits="objectBoundingBox" x1="0" y1="0" x2="1" y2="0">
<stop offset="0" style="stop-color:rgb(124,66,112)"/>
<stop offset="0.75" style="stop-color:rgb(201,189,199)"/>
<stop offset="1" style="stop-color:rgb(255,255,255)"/>
</linearGradient>
<linearGradient id="lcDeg2" gradientUnits="objectBoundingBox" x1="0" y1="0" x2="1" y2="0">
<stop offset="0" style="stop-color:rgb(0,0,0)"/>
<stop offset="1" style="stop-color:rgb(255,255,255)"/>
</linearGradient>
<linearGradient id="lcDeg3" gradientUnits="objectBoundingBox" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" style="stop-color:rgb(255,255,255)"/>
<stop offset="1" style="stop-color:rgb(201,189,199)"/>
</linearGradient>
<linearGradient id="lcDeg4" gradientUnits="objectBoundingBox" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" style="stop-color:rgb(201,189,199)"/>
<stop offset="1" style="stop-color:rgb(255,255,255)"/>
</linearGradient>
<linearGradient id="LayerDeg" gradientUnits="userSpaceOnUse" x1="0" y1="0" x2="0" y2="300">
<stop offset="0" style="stop-color:rgb(201,189,199)"/>
<stop offset="1" style="stop-color:rgb(255,255,255)"/>
</linearGradient>
</defs>
<text id="maptitle" x="205.5" y="20" style="fill:rgb(124,66,112) ;font-weight:normal;text-anchor:middle;font-family:'Verdana';font-size:21;pointer-events:none;">Isotopes Dispersion Scenario</text>
<svg id="mapid"  x="10" y="40" xml:space="preserve" width="391px" height="289px" viewBox="0 0 1955 1445" zoomAndPan="magnify" style="shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:optimizeQuality;color-interpolation:sRGB">
<defs>
<style id="mapstyle" type="text/css">
<![CDATA[
.b2-13693183-16777215 {fill:rgb(208,240,255);fill-rule:evenodd;stroke-linejoin:round}
.p110 {stroke:none;}
.p126343679 {stroke:rgb(96,203,255);stroke-width:3.75px;}
.p140 {stroke:rgb(0,0,0);stroke-width:3.75px;stroke-dasharray: 11.25 7.5 11.25 7.5;stroke-linecap:round;}
.p150 {stroke:rgb(0,0,0);stroke-width:3.75px;stroke-dasharray: 18.75 7.5 18.75 7.5;stroke-linecap:round;}
.s3305MapInfoSymbols256 {fill:rgb(0,0,0);font-size:30;font-family:'MapInfo Symbols';}
.fArial289101677721511579568 {fill:rgb(255,255,255);font-weight:bold;font-family:'Arial'}
.fArial310383681 {fill:rgb(0,149,224);font-style:italic;font-weight:bold;font-family:'Arial'}
]]>
</style>
<font id="MapInfo Symbols" horiz-adv-x="939" ><font-face
    font-family="MapInfo Symbols"
    units-per-em="2048"
    panose-1="5 5 1 2 1 6 7 2 6 7"
    ascent="1565"
    descent="-362"
    alphabetic="0" />
<missing-glyph horiz-adv-x="1024" d="M102 -362V1444H1126V-362H102ZM217 -248H1012V1329H217V-248Z" />
<glyph unicode="" glyph-name="exclam" horiz-adv-x="2048" d="M244 1321H1808V-242H244V1321Z" />
</font>
</defs>
<title>Isotopes Dispersion Scenario</title>
<desc>Map Zoom: 650 km | Center (1923618.75,214622.39) | Min (1629084.72,-3076.68) | Max (2218152.79,432321.46) | Coordinate System: Lambert Azimuthal Equal-Area (100W, 45N, Range 180)</desc>
<clipPath id="clippingPath_1">
<path id="mapFrame_1" class="b2-13221319-16777215" d="M0 0 L1955 0 1955 1445 0 1445 0 0 Z " />
</clipPath>
<g id="mapWindow" style="clip-path:url(#clippingPath_1)">
<g id="ShadedRelief" style="opacity:1">
<image x="0" y="0" width="1955" height="1445" xlink:href="shdrlfi020l_gray.png"/>
</g>
<g id="Lakes" style="opacity:1;pointer-events:none;visibility:visible;" dbxns:label="false" dbxns:tiled="false">
<path id="Lakes1" class="b2-13693183-16777215" d="M0 1415 L0 1296 7 1283 24 1264 51 1222 126 1147 171 1118 273 1072 287 1069 336 1050 420 997 430 995 447 1000 468 1010 509 1013 546 996 574 1004 601 982 621 948 616 931 609 921 549 917 556 895 566 886 619 879 631 867 643 840 704 806 731 782 777 763 828 710 842 735 774 822 769 844 780 874 795 877 809 872 833 870 852 882 854 909 830 934 806 941 801 950 803 970 825 988 834 1007 833 1064 746 1148 726 1185 707 1201 678 1218 637 1218 606 1232 555 1248 479 1243 450 1237 399 1242 260 1285 154 1352 67 1410 0 1415 Z " />
<path id="Lakes2" class="b2-13693183-16777215" d="M1423 292 L1427 273 1463 266 1464 278 1465 286 1460 331 1464 388 1475 420 1482 470 1493 495 1497 547 1476 546 1466 538 1447 506 1434 466 1429 429 1420 389 1414 342 1417 310 1422 298 1423 292 Z M0 970 0 929 15 938 10 950 0 970 Z M1280 0 1317 0 1314 17 1314 64 1308 107 1308 134 1298 161 1249 209 1220 231 1173 252 1201 211 1252 175 1264 158 1274 128 1265 46 1273 39 1275 31 1280 0 Z " />
</g>
<g id="Rivers" style="opacity:1;pointer-events:none;visibility:visible;" dbxns:label="false" dbxns:tiled="false">
<path id="Rivers1" class="p126343679" style="fill:none" d="M1626 1445 L1624 1421 1604 1359 1598 1203 1592 1085 1574 999 "/>
<path id="Rivers2" class="p126343679" style="fill:none" d="M763 321 L780 383 801 416 813 441 816 461 796 537 779 559 759 561 737 585 727 644 717 674 719 688 731 718 731 782 "/>
<path id="Rivers3" class="p126343679" style="fill:none" d="M731 782 L777 763 828 710 "/>
<path id="Rivers4" class="p126343679" style="fill:none" d="M1427 273 L1463 266 1465 286 1460 331 1464 388 1475 420 1482 470 1493 495 1497 547 "/>
<path id="Rivers5" class="p126343679" style="fill:none" d="M1427 273 L1422 298 1417 310 1414 342 1420 389 1429 429 1434 466 1447 506 1466 538 1476 546 1497 547 "/>
<path id="Rivers6" class="p126343679" style="fill:none" d="M828 710 L852 686 857 661 872 627 914 578 958 478 985 446 1036 403 1080 381 1112 355 1139 291 1173 252 "/>
<path id="Rivers7" class="p126343679" style="fill:none" d="M1574 999 L1572 982 1573 940 1580 861 1574 792 1540 718 1503 616 1497 547 "/>
<path id="Rivers8" class="p126343679" style="fill:none" d="M1574 999 L1524 1000 1505 1004 1481 1004 1462 988 1451 964 1440 902 1422 857 1394 825 1342 787 1323 759 1318 739 1329 707 1351 676 1349 659 1330 634 1323 596 "/>
<path id="Rivers9" class="p126343679" style="fill:none" d="M615 0 L626 37 631 114 645 149 667 181 715 246 751 304 763 321 "/>
<path id="Rivers10" class="p126343679" style="fill:none" d="M1189 203 L1201 211 "/>
<path id="Rivers11" class="p126343679" style="fill:none" d="M1265 46 L1273 39 1275 31 1280 0 "/>
<path id="Rivers12" class="p126343679" style="fill:none" d="M1189 203 L1197 141 1209 99 1265 46 "/>
<path id="Rivers13" class="p126343679" style="fill:none" d="M1265 46 L1274 128 1264 158 1252 175 1201 211 "/>
<path id="Rivers14" class="p126343679" style="fill:none" d="M1317 0 L1314 17 1314 64 1308 107 1308 134 1298 161 1249 209 1220 231 1173 252 "/>
<path id="Rivers15" class="p126343679" style="fill:none" d="M1173 252 L1201 211 "/>
<path id="Rivers16" class="p126343679" style="fill:none" d="M1427 273 L1406 223 1387 165 1383 108 1356 0 "/>
<path id="Rivers17" class="p126343679" style="fill:none" d="M763 321 L778 304 832 273 893 219 976 181 1104 179 1145 180 1165 185 1189 203 "/>
<path id="Rivers18" class="p126343679" style="fill:none" d="M731 782 L704 806 643 840 631 867 619 879 566 886 556 895 549 917 "/>
<path id="Rivers19" class="p126343679" style="fill:none" d="M466 953 L532 917 549 917 "/>
<path id="Rivers20" class="p126343679" style="fill:none" d="M15 938 L27 913 85 867 112 874 155 877 177 884 201 887 233 865 247 865 257 870 257 895 240 912 237 922 249 946 244 978 249 988 264 991 298 966 317 940 336 905 351 891 368 888 387 903 399 906 421 899 433 904 466 953 "/>
<path id="Rivers21" class="p126343679" style="fill:none" d="M430 995 L428 982 466 953 "/>
<path id="Rivers22" class="p126343679" style="fill:none" d="M549 917 L609 921 616 931 621 948 601 982 574 1004 546 996 509 1013 468 1010 447 1000 430 995 "/>
<path id="Rivers23" class="p126343679" style="fill:none" d="M154 1352 L260 1285 399 1242 450 1237 479 1243 555 1248 606 1232 637 1218 678 1218 707 1201 726 1185 746 1148 833 1064 834 1007 825 988 803 970 801 950 806 941 830 934 854 909 852 882 833 870 809 872 795 877 780 874 769 844 774 822 842 735 828 710 "/>
<path id="Rivers24" class="p126343679" style="fill:none" d="M0 1296 L7 1283 24 1264 51 1222 126 1147 171 1118 273 1072 287 1069 336 1050 420 997 430 995  M154 1352 L67 1410 0 1415 "/>
<path id="Rivers25" class="p126343679" style="fill:none" d="M154 1352 L177 1379 180 1414 191 1433 211 1443 213 1445 "/>
<path id="Rivers26" class="p126343679" style="fill:none" d="M763 321 L761 328 759 337 754 342 748 346 739 348 731 349 722 348 713 345 703 343 666 342 596 371 547 370 518 355 504 335 489 290 470 273 441 268 426 270 390 292 358 289 312 247 270 226 207 216 105 215 56 205 19 217 0 217 "/>
<path id="Rivers27" class="p126343679" style="fill:none" d="M15 938 L10 950 0 970 "/>
<path id="Rivers28" class="p126343679" style="fill:none" d="M0 929 L15 938 "/>
</g>
<g id="Model 20:00" style="opacity:.9">
<image x="0" y="0" width="1955" height="1445" xlink:href="isotope0_0403152000.png"/>
</g>
<animate id="OpacityAnimationModel 20:00" xlink:href="#Model 20:00" attributeName="opacity" values="0" begin="0" dur="4" repeatCount="1" fill="freeze" calcMode="linear"/>
<animate id="OpacityAnimationModel 20:00" xlink:href="#Model 20:00" attributeName="opacity" values="0;1" begin="4" dur="4" repeatCount="1" fill="freeze" calcMode="linear"/>
<animate id="OpacityAnimationModel 20:00" xlink:href="#Model 20:00" attributeName="opacity" values="1;0" begin="8" dur="4" repeatCount="1" fill="freeze" calcMode="linear"/>
<g id="Model 17:00" style="opacity:.9">
<image x="0" y="0" width="1955" height="1445" xlink:href="isotope0_0403151700.png"/>
</g>
<animate id="OpacityAnimationModel 17:00" xlink:href="#Model 17:00" attributeName="opacity" values="0;1" begin="0" dur="4" repeatCount="1" fill="freeze" calcMode="linear"/>
<animate id="OpacityAnimationModel 17:00" xlink:href="#Model 17:00" attributeName="opacity" values="1;0" begin="4" dur="4" repeatCount="1" fill="freeze" calcMode="linear"/>
<g id="Boundaries" style="opacity:1;pointer-events:none;visibility:visible;" dbxns:label="false" dbxns:tiled="false">
<path id="Boundaries1" class="p140" style="fill:none" d="M1955 1280 L1946 1284 1934 1286 1912 1295 1912 1306 1900 1313 1896 1299 1880 1304 1837 1318 1816 1325 1791 1332 1749 1344 1721 1353 1718 1353 1711 1339 1711 1322 1708 1275 1705 1223 1703 1181 1701 1157 1699 1127 1697 1087 1741 1073 1780 1061 1796 1057 1829 1046 1872 1032 1893 1025 1903 1022 1947 1009 1955 1006 "/>
<path id="Boundaries2" class="p140" style="fill:none" d="M1746 1445 L1746 1443 1734 1398 1731 1386 1721 1353 1749 1344 1791 1332 1816 1325 1837 1318 1880 1304 1896 1299 1900 1313 1912 1306 1912 1295 1934 1286 1946 1284 1955 1280 "/>
<path id="Boundaries3" class="p140" style="fill:none" d="M1955 1006 L1947 1009 1903 1022 1896 1013 1884 1010 1874 1001 1868 991 1861 978 1865 967 1861 954 1864 943 1871 927 1867 916 1863 906 1867 893 1864 882 1856 875 1853 864 1853 852 1850 842 1847 831 1849 815 1844 802 1837 790 1837 779 1832 751 1826 740 1825 729 1821 715 1830 702 1826 691 1827 678 1824 665 1826 653 1835 641 1838 629 1839 617 1835 604 1835 592 1835 580 1840 568 1841 553 1833 543 1838 531 1838 519 1843 508 1835 500 1834 488 1826 475 1822 465 1812 444 1816 433 1820 421 1837 408 1844 401 1855 397 1862 387 1866 372 1876 365 1884 358 1890 346 1891 331 1898 324 1906 315 1899 306 1890 298 1898 290 1895 279 1889 268 1880 262 1874 252 1866 244 1860 230 1863 220 1862 207 1864 194 1868 179 1865 164 1856 149 1850 138 1850 137 1858 129 1850 115 1850 105 1858 93 1861 81 1857 70 1856 50 1845 45 1857 39 1859 26 1868 15 1878 10 1887 17 1898 19 1913 15 1916 3 1917 0  M1925 0 L1938 31 1955 70 "/>
<path id="Boundaries4" class="p140" style="fill:none" d="M1850 138 L1856 149 1865 164 1868 179 1864 194 1862 207 1863 220 1860 230 1866 244 1874 252 1880 262 1889 268 1895 279 1898 290 1890 298 1899 306 1906 315 1898 324 1891 331 1890 346 1884 358 1876 365 1866 372 1862 387 1855 397 1844 401 1837 408 1820 421 1816 433 1812 444 1822 465 1826 475 1834 488 1835 500 1843 508 1838 519 1838 531 1833 543 1841 553 1840 568 1835 580 1835 592 1835 604 1839 617 1838 629 1835 641 1826 653 1824 665 1827 678 1826 691 1830 702 1821 715 1825 729 1826 740 1832 751 1837 779 1837 790 1844 802 1849 815 1847 831 1850 842 1853 852 1853 864 1856 875 1864 882 1867 893 1863 906 1867 916 1871 927 1864 943 1861 954 1865 967 1861 978 1868 991 1874 1001 1884 1010 1896 1013 1903 1022 1893 1025 1872 1032 1829 1046 1796 1057 1780 1061 1741 1073 1697 1087 1690 1078 1686 1063 1680 1044 1671 1014 1667 999 1664 989 1658 967 1654 954 1640 909 1627 864 1621 846 1616 827 1611 814 1607 803 1596 795 1589 786 1577 781 1567 784 1567 796 1566 808 1557 800 1552 788 1552 775 1552 756 1553 744 1554 731 1545 724 1538 712 1536 701 1532 690 1522 681 1518 670 1514 655 1504 644 1502 631 1500 612 1500 600 1499 584 1503 572 1507 557 1502 545 1499 535 1489 518 1491 506 1490 487 1479 469 1467 458 1454 450 1446 437 1444 422 1442 409 1439 395 1439 376 1434 364 1421 353 1419 337 1420 321 1417 310 1410 297 1453 282 1513 261 1571 240 1632 218 1706 191 1762 171 1815 151 1850 138 "/>
<path id="Boundaries5" class="p150" style="fill:none" d="M0 217 L19 217 56 205 105 215 207 216 270 226 312 247 358 289 390 292 426 270 441 268 470 273 489 290 504 335 518 355 547 370 596 371 666 342 703 343 713 345 722 348 731 349 739 348 748 346 754 342 759 337 761 328 763 321 778 304 832 273 893 219 976 181 1061 180 1081 179 1085 224 1090 284 1129 314 1112 355 1080 381 1036 403 998 435 "/>
<path id="Boundaries6" class="p150" style="fill:none" d="M213 1445 L211 1443 191 1433 180 1414 177 1379 154 1352 106 1292 159 1238 179 1220 223 1191 224 1190 228 1189 231 1188 235 1187 238 1186 241 1185 245 1185 248 1184 252 1183 255 1182 259 1181 262 1180 266 1179 269 1178 273 1177 276 1176 280 1175 283 1174 287 1173 290 1172 294 1171 297 1170 301 1169 304 1168 308 1167 311 1166 315 1165 318 1164 321 1163 325 1162 328 1161 332 1160 335 1159 339 1158 342 1157 346 1156 349 1155 353 1154 356 1153 360 1152 363 1151 367 1150 370 1149 374 1148 377 1147 381 1146 384 1145 387 1144 391 1143 394 1142 398 1141 401 1140 405 1139 408 1138 412 1137 415 1136 419 1135 422 1134 426 1133 429 1132 433 1131 436 1130 440 1129 443 1128 446 1127 450 1126 453 1125 457 1124 460 1123 464 1122 467 1121 471 1120 474 1119 478 1118 481 1117 485 1115 488 1114 492 1113 495 1112 498 1111 502 1110 505 1109 509 1108 512 1107 516 1106 519 1105 523 1104 526 1103 530 1102 533 1101 537 1100 540 1099 544 1098 547 1097 550 1096 554 1095 557 1094 561 1093 564 1092 568 1091 571 1090 575 1089 578 1088 582 1087 585 1086 589 1085 592 1084 595 1083 599 1082 602 1081 606 1080 609 1078 613 1077 616 1076 620 1075 623 1074 627 1073 630 1072 633 1071 637 1070 640 1069 644 1068 647 1067 651 1066 654 1065 658 1064 661 1063 665 1062 668 1061 672 1060 675 1059 678 1058 682 1057 685 1056 689 1055 692 1053 696 1052 703 1050 740 875 765 825 772 815 778 807 782 800 784 792 781 773 782 772 827 716 828 710 852 686 857 661 872 627 914 578 958 478 985 446 998 435 1006 433 1251 352 1495 267 1738 179 1843 140 1844 136 1847 127 1850 101 1855 89 1855 65 1849 57 1844 54 1850 41 1855 30 1857 15 1863 10 1888 16 1900 17 1909 0 "/>
</g>
<g id="Text" style="opacity:1;pointer-events:none;visibility:visible;" dbxns:label="false" dbxns:tiled="false">
<g id="composedFontStyleText1" style="font-size:57;text-anchor:start" class="fArial289101677721511579568"><use id="dropShadowText1" xlink:href="#Text1" x="10" y="10" style="fill:rgb(128,128,128)" /><use id="haloText1" xlink:href="#Text1" style="stroke-width:0.165em;stroke:rgb(176,176,176)" />
<text id="Text1" x="901" y="1313" transform="rotate(360, 901, 1242)">N E W   Y O R K</text></g>
<g id="composedFontStyleText2" style="font-size:57;text-anchor:start" class="fArial289101677721511579568"><use id="dropShadowText2" xlink:href="#Text2" x="10" y="10" style="fill:rgb(128,128,128)" /><use id="haloText2" xlink:href="#Text2" style="stroke-width:0.165em;stroke:rgb(176,176,176)" />
<text id="Text2" x="1647" y="611" transform="rotate(360, 1647, 539)">V E</text></g>
<g id="composedFontStyleText3" style="font-size:57;text-anchor:start" class="fArial289101677721511579568"><use id="dropShadowText3" xlink:href="#Text3" x="10" y="10" style="fill:rgb(128,128,128)" /><use id="haloText3" xlink:href="#Text3" style="stroke-width:0.165em;stroke:rgb(176,176,176)" />
<text id="Text3" x="1777" y="1221" transform="rotate(360, 1777, 1149)">M A</text></g>
<text id="Text4" x="395" y="1202" transform="rotate(360, 395, 1144)" style="font-size:57;text-anchor:start" class="fArial310383681">Ontario</text>
<text id="Text5" x="349" y="1101" transform="rotate(360, 349, 1042)" style="font-size:57;text-anchor:start" class="fArial310383681">Lake</text>
<g id="composedFontStyleText6" style="font-size:57;text-anchor:start" class="fArial289101677721511579568"><use id="dropShadowText6" xlink:href="#Text6" x="10" y="10" style="fill:rgb(128,128,128)" /><use id="haloText6" xlink:href="#Text6" style="stroke-width:0.165em;stroke:rgb(176,176,176)" />
<text id="Text6" x="217" y="148" transform="rotate(360, 217, 76)">Q U É B E C</text></g>
<g id="composedFontStyleText7" style="font-size:57;text-anchor:start" class="fArial289101677721511579568"><use id="dropShadowText7" xlink:href="#Text7" x="10" y="10" style="fill:rgb(128,128,128)" /><use id="haloText7" xlink:href="#Text7" style="stroke-width:0.165em;stroke:rgb(176,176,176)" />
<text id="Text7" x="141" y="619" transform="rotate(360, 141, 548)">O N T A R I O</text></g>
</g>
<g id="Cities" style="opacity:1;pointer-events:none;visibility:visible;" dbxns:label="true" dbxns:tiled="false">
<g id="composedSymbolStyleCities1" class="s3305MapInfoSymbols256"><use id="haloCities1" xlink:href="#Cities1" style="stroke-width:0.165em;stroke:rgb(255,255,255)" /> <text id="Cities1" x="804" y="351" dy="0.3em" text-anchor="middle"></text></g>
<g id="composedSymbolStyleCities2" class="s3305MapInfoSymbols256"><use id="haloCities2" xlink:href="#Cities2" style="stroke-width:0.165em;stroke:rgb(255,255,255)" /> <text id="Cities2" x="26" y="1215" dy="0.3em" text-anchor="middle"></text></g>
<g id="composedSymbolStyleCities3" class="s3305MapInfoSymbols256"><use id="haloCities3" xlink:href="#Cities3" style="stroke-width:0.165em;stroke:rgb(255,255,255)" /> <text id="Cities3" x="532" y="1274" dy="0.3em" text-anchor="middle"></text></g>
<g id="composedSymbolStyleCities4" class="s3305MapInfoSymbols256"><use id="haloCities4" xlink:href="#Cities4" style="stroke-width:0.165em;stroke:rgb(255,255,255)" /> <text id="Cities4" x="1688" y="491" dy="0.3em" text-anchor="middle"></text></g>
<g id="composedSymbolStyleCities5" class="s3305MapInfoSymbols256"><use id="haloCities5" xlink:href="#Cities5" style="stroke-width:0.165em;stroke:rgb(255,255,255)" /> <text id="Cities5" x="1580" y="1160" dy="0.3em" text-anchor="middle"></text></g>
<g id="composedSymbolStyleCities6" class="s3305MapInfoSymbols256"><use id="haloCities6" xlink:href="#Cities6" style="stroke-width:0.165em;stroke:rgb(255,255,255)" /> <text id="Cities6" x="1271" y="131" dy="0.3em" text-anchor="middle"></text></g>
</g>
<g id="Cities_Labels" dbxns:zoomLayer="false" style="pointer-events:none">
<text id="label_USCANCities_1" x="821" y="366" transform="rotate(360, 821, 322)" style="fill:rgb(0,0,0);font-weight:bold;font-family:'Arial';font-size:44;text-anchor:start">Ottawa</text>
<text id="label_USCANCities_2" x="43" y="1230" transform="rotate(360, 43, 1187)" style="fill:rgb(0,0,0);font-weight:bold;font-family:'Arial';font-size:44;text-anchor:start">Toronto</text>
<text id="label_USCANCities_3" x="548" y="1289" transform="rotate(360, 548, 1246)" style="fill:rgb(0,0,0);font-weight:bold;font-family:'Arial';font-size:44;text-anchor:start">Rochester</text>
<text id="label_USCANCities_4" x="1706" y="506" transform="rotate(360, 1706, 462)" style="fill:rgb(0,0,0);font-weight:bold;font-family:'Arial';font-size:44;text-anchor:start">Montpelier</text>
<text id="label_USCANCities_5" x="1596" y="1175" transform="rotate(360, 1596, 1132)" style="fill:rgb(0,0,0);font-weight:bold;font-family:'Arial';font-size:44;text-anchor:start">Albany</text>
<text id="label_USCANCities_6" x="1289" y="146" transform="rotate(360, 1289, 102)" style="fill:rgb(0,0,0);font-weight:bold;font-family:'Arial';font-size:44;text-anchor:start">Montreal</text>
</g>
</g>
<script><![CDATA[
var layers ='Cities;Text;Boundaries;Model 17:00;Model 20:00;Rivers;Lakes;ShadedRelief;'
]]></script>
</svg>
<g id="mapScaleBar" transform="translate(0,348)">
<g style="opacity:1">
<text id="leftNumber" style="fill:rgb(124,66,112);font-weight:normal; font-family:'Verdana';font-size:10;pointer-events:none;text-anchor:middle" x="20" y="17">0</text>
<text id="centerNumber" style="fill:rgb(124,66,112);font-weight:normal; font-family:'Verdana';font-size:10;pointer-events:none;text-anchor:middle" x="59.1" y="17">65</text>
<text id="rightNumber" style="fill:rgb(124,66,112);font-weight:normal; font-family:'Verdana';font-size:10;pointer-events:none;text-anchor:middle" x="98.2" y="17">130</text>
<rect id="scalebar1" x="20" y="20" width="39.1" height="5" style="fill:rgb(255,255,255);stroke:rgb(0,0,0);stroke-width:1" />
<rect id="scalebar2" x="20" y="25" width="39.1" height="5" style="fill:url(#lcDeg);stroke:rgb(0,0,0);stroke-width:1" />
<rect id="scalebar3" x="59.1" y="20" width="39.1" height="5" style="fill:url(#lcDeg);stroke:rgb(0,0,0);stroke-width:1" />
<rect id="scalebar4" x="59.1" y="25" width="39.1" height="5" style="fill:rgb(255,255,255);stroke:rgb(0,0,0);stroke-width:1" />
<text id="scalebarUnits" style="fill:rgb(124,66,112);font-weight:normal; font-family:'Verdana';font-size:10;pointer-events:none;text-anchor:middle" x="59.1" y="44">km</text>
</g>
</g>
<g id="overviewAndZoomTools" transform="translate(447,40)">
<g id="overview" style="display:visible">
<text id="overviewtitle" x="54" y="0" style="fill:rgb(124,66,112);font-weight:bold;text-anchor:middle;font-family:'Verdana';font-size:12;pointer-events:none;">Overview Map</text>
<svg id="overviewmap" x="15" y="5" width="78" height="58" viewBox="0 0 1955 1445">
<use id="overviewMapRaster" x="0" y="0" width="1955" height="1445" xlink:href="#mapWindow"/>
<rect id="maskingRect" style="fill:rgb(255,255,255);opacity:0.1" x="0" y="0" width="1955" height="1445" />
<rect id="locationRect" cursor="move" style="fill:rgb(124,66,112);stroke-width:25;stroke:rgb(0,0,0);fill-opacity:0.4" x="0" y="0"
width="1955" height="1445"  visibility="hidden" onmouseover="Javascript:showinfotip(evt,'Drag to change map view')"  onmousedown="Javascript:beginPan(evt);hideinfotip(evt);" onmousemove="Javascript:doPan(evt);" onmouseup="Javascript:endPan(evt);hideinfotip(evt);" onmouseout="Javascript:hideinfotip(evt);endPan(evt)"/>
<rect id="overviewborder" style="fill:none;pointer-events:none;stroke:url(#oveMapDeg);stroke-width:100" x="0" y="0" width="1955" height="1445"/>
<rect id="ovupinnerborder" style="fill:rgb(0,0,0);" x="50" y="25" width="1855" height="25" />
<rect id="ovleftinnerborder" style="fill:rgb(0,0,0);" x="25" y="25" width="25" height="1395" />
<rect id="ovrighttinnerborder" style="fill:rgb(225,225,225);" x="1905" y="25" width="25" height="1395" />
<rect id="ovboinnerborder" style="fill:rgb(225,225,225);" x="50" y="1395" width="1880" height="25" />
</svg>
</g>
<g id="zoomtools" transform="translate(-35,-10)">
<g id="gzoomValue">
<text transform="translate(10,9)" style="fill:rgb(0,0,0);font-weight:normal;font-family:'Verdana';font-size:10;pointer-events:none">Zoom</text>
<g id="gcursor" transform="translate(0,82)">
<path id="zoomcursor" transform="translate(36,42)" d="M5 -1.5L5 4.5 0 1.5 Z" style="fill:rgb(124,66,112);stroke-width:1;stroke:rgb(124,66,112)" />
</g>
</g>
<g id="zoomicons" transform="translate(15,14)">
<g id="ZoomInGraphics" transform="scale(0.17)" style="stroke:#000000;"  onclick="Javascript:Zoomin(evt);" onmouseover="Javascript:showinfotip(evt,'Click to zoom in');switchZoomColor(evt, 'circlezoomin','fill','rgb(201,189,199)');" onmouseout="Javascript:switchZoomColor(evt,'circlezoomin','fill','none');hideinfotip(evt);">
<rect id="zoominpusheffectrec" rx="7" ry="7" x="-12" y="-12" width="124" height="124" style="fill:url(#lcDeg3);stroke:rgb(124,66,112);stroke-width:5" />
<path id="zoominpusheffectbr" d="M-12 108L108 108 108 -12" style="fill:none;stroke:rgb(124,66,112);stroke-width:8" />
<path id="zoominpusheffectul" d="M-8 110 L-8 -8 110 -8" style="stroke:rgb(124,66,112);stroke-width:8;fill:none;visibility:hidden" />
<circle id="circlezoomin" fill="none" stroke-width="5" cx="43" cy="43" r="37" />
<circle fill="rgb(255,255,255);stroke:rgb(0,0,0);stroke-width:1" cx="38" cy="26" r="14" />
<path style="fill:none;stroke-width:10;display:none" d="M19.155,39.572h43.333" />
<path style="fill:none;stroke-width:10;display:none" d="M41.237,19.157v42.498" />
<path style="fill:none;stroke-width:10" d="M69.152,69.57l31.002,31.002" />
</g>
<rect transform="scale(0.17)" id="releasezoom" rx="7" ry="7" x="-12" y="-12" width="124" height="124" style="fill:rgb(255,0,0);opacity:0;visibility:hidden;pointer-events:none" onclick="releaseZoom(evt);"/>
<g id="zoommore" transform="translate(0,25)" onclick="Zoommore(evt)" onmouseover="Javascript:switchZoomColor(evt,'zoommorerecbg','fill','rgb(255, 255, 255)')" onmouseout="Javascript:switchZoomColor(evt,'zoommorerecbg','fill','rgb(201,189,199)')" >
<rect id="zoommorerecbg" rx="3" ry="3" width="18" height="10" style="stroke:rgb(124,66,112);stroke-width:1;fill:rgb(201,189,199)" />
<path transform="translate(4,0)" d="M5 2L5 8" style="fill:none;stroke:rgb(124,66,112);stroke-width:1"/>
<path transform="translate(4,0)" d="M2 5L8 5" style="fill:none;stroke:rgb(124,66,112);stroke-width:1"/>
</g>
<g id="zoomless" transform="translate(0,116)" onclick="Zoomless(evt)" style="opacity:0.5;pointer-events:none" onmouseover="Javascript:switchZoomColor(evt,'zoomlessrecbg','fill','rgb(255, 255, 255)')" onmouseout="Javascript:switchZoomColor(evt,'zoomlessrecbg','fill','rgb(201,189,199)')" >
<rect id="zoomlessrecbg" rx="3" ry="3" width="18" height="10" style="stroke:rgb(124,66,112);stroke-width:1;fill:rgb(201,189,199)" />
<path transform="translate(4,0)" d="M2 5L8 5" style="fill:none;stroke:rgb(124,66,112);stroke-width:1"/>
</g>
</g>
<g id="rectzoom" transform="translate(15,42)">
<rect id="rectzoom1000" style="fill:rgb(201,189,199);stroke:none" x="0" y="10" width="18" height="3" onmousedown="Zoomto(evt,'1000');" onmouseover="showinfotip(evt,'1000%');switchColor(evt,'fill','rgb(124,66,112)', '')" onmouseout="switchColor(evt,'fill','rgb(201,189,199)', '');hideinfotip(evt);"/>
<rect id="rectzoom950" style="fill:rgb(201,189,199);stroke:none" x="0" y="14" width="18" height="3" onmousedown="Zoomto(evt,'950');" onmouseover="showinfotip(evt,'950%');switchColor(evt,'fill','rgb(124,66,112)', '')" onmouseout="switchColor(evt,'fill','rgb(201,189,199)', '');hideinfotip(evt);"/>
<rect id="rectzoom900" style="fill:rgb(201,189,199);stroke:none" x="0" y="18" width="18" height="3" onmousedown="Zoomto(evt,'900');" onmouseover="showinfotip(evt,'900%');switchColor(evt,'fill','rgb(124,66,112)', '')" onmouseout="switchColor(evt,'fill','rgb(201,189,199)', '');hideinfotip(evt);"/>
<rect id="rectzoom850" style="fill:rgb(201,189,199);stroke:none" x="0" y="22" width="18" height="3" onmousedown="Zoomto(evt,'850');" onmouseover="showinfotip(evt,'850%');switchColor(evt,'fill','rgb(124,66,112)', '')" onmouseout="switchColor(evt,'fill','rgb(201,189,199)', '');hideinfotip(evt);"/>
<rect id="rectzoom800" style="fill:rgb(201,189,199);stroke:none" x="0" y="26" width="18" height="3" onmousedown="Zoomto(evt,'800');" onmouseover="showinfotip(evt,'800%');switchColor(evt,'fill','rgb(124,66,112)', '')" onmouseout="switchColor(evt,'fill','rgb(201,189,199)', '');hideinfotip(evt);"/>
<rect id="rectzoom750" style="fill:rgb(201,189,199);stroke:none" x="0" y="30" width="18" height="3" onmousedown="Zoomto(evt,'750');" onmouseover="showinfotip(evt,'750%');switchColor(evt,'fill','rgb(124,66,112)', '')" onmouseout="switchColor(evt,'fill','rgb(201,189,199)', '');hideinfotip(evt);"/>
<rect id="rectzoom700" style="fill:rgb(201,189,199);stroke:none" x="0" y="34" width="18" height="3" onmousedown="Zoomto(evt,'700');" onmouseover="showinfotip(evt,'700%');switchColor(evt,'fill','rgb(124,66,112)', '')" onmouseout="switchColor(evt,'fill','rgb(201,189,199)', '');hideinfotip(evt);"/>
<rect id="rectzoom650" style="fill:rgb(201,189,199);stroke:none" x="0" y="38" width="18" height="3" onmousedown="Zoomto(evt,'650');" onmouseover="showinfotip(evt,'650%');switchColor(evt,'fill','rgb(124,66,112)', '')" onmouseout="switchColor(evt,'fill','rgb(201,189,199)', '');hideinfotip(evt);"/>
<rect id="rectzoom600" style="fill:rgb(201,189,199);stroke:none" x="0" y="42" width="18" height="3" onmousedown="Zoomto(evt,'600');" onmouseover="showinfotip(evt,'600%');switchColor(evt,'fill','rgb(124,66,112)', '')" onmouseout="switchColor(evt,'fill','rgb(201,189,199)', '');hideinfotip(evt);"/>
<rect id="rectzoom550" style="fill:rgb(201,189,199);stroke:none" x="0" y="46" width="18" height="3" onmousedown="Zoomto(evt,'550');" onmouseover="showinfotip(evt,'550%');switchColor(evt,'fill','rgb(124,66,112)', '')" onmouseout="switchColor(evt,'fill','rgb(201,189,199)', '');hideinfotip(evt);"/>
<rect id="rectzoom500" style="fill:rgb(201,189,199);stroke:none" x="0" y="50" width="18" height="3" onmousedown="Zoomto(evt,'500');" onmouseover="showinfotip(evt,'500%');switchColor(evt,'fill','rgb(124,66,112)', '')" onmouseout="switchColor(evt,'fill','rgb(201,189,199)', '');hideinfotip(evt);"/>
<rect id="rectzoom450" style="fill:rgb(201,189,199);stroke:none" x="0" y="54" width="18" height="3" onmousedown="Zoomto(evt,'450');" onmouseover="showinfotip(evt,'450%');switchColor(evt,'fill','rgb(124,66,112)', '')" onmouseout="switchColor(evt,'fill','rgb(201,189,199)', '');hideinfotip(evt);"/>
<rect id="rectzoom400" style="fill:rgb(201,189,199);stroke:none" x="0" y="58" width="18" height="3" onmousedown="Zoomto(evt,'400');" onmouseover="showinfotip(evt,'400%');switchColor(evt,'fill','rgb(124,66,112)', '')" onmouseout="switchColor(evt,'fill','rgb(201,189,199)', '');hideinfotip(evt);"/>
<rect id="rectzoom350" style="fill:rgb(201,189,199);stroke:none" x="0" y="62" width="18" height="3" onmousedown="Zoomto(evt,'350');" onmouseover="showinfotip(evt,'350%');switchColor(evt,'fill','rgb(124,66,112)', '')" onmouseout="switchColor(evt,'fill','rgb(201,189,199)', '');hideinfotip(evt);"/>
<rect id="rectzoom300" style="fill:rgb(201,189,199);stroke:none" x="0" y="66" width="18" height="3" onmousedown="Zoomto(evt,'300');" onmouseover="showinfotip(evt,'300%');switchColor(evt,'fill','rgb(124,66,112)', '')" onmouseout="switchColor(evt,'fill','rgb(201,189,199)', '');hideinfotip(evt);"/>
<rect id="rectzoom250" style="fill:rgb(201,189,199);stroke:none" x="0" y="70" width="18" height="3" onmousedown="Zoomto(evt,'250');" onmouseover="showinfotip(evt,'250%');switchColor(evt,'fill','rgb(124,66,112)', '')" onmouseout="switchColor(evt,'fill','rgb(201,189,199)', '');hideinfotip(evt);"/>
<rect id="rectzoom200" style="fill:rgb(201,189,199);stroke:none" x="0" y="74" width="18" height="3" onmousedown="Zoomto(evt,'200');" onmouseover="showinfotip(evt,'200%');switchColor(evt,'fill','rgb(124,66,112)', '')" onmouseout="switchColor(evt,'fill','rgb(201,189,199)', '');hideinfotip(evt);"/>
<rect id="rectzoom150" style="fill:rgb(201,189,199);stroke:none" x="0" y="78" width="18" height="3" onmousedown="Zoomto(evt,'150');" onmouseover="showinfotip(evt,'150%');switchColor(evt,'fill','rgb(124,66,112)', '')" onmouseout="switchColor(evt,'fill','rgb(201,189,199)', '');hideinfotip(evt);"/>
<rect id="rectzoom100" style="fill:rgb(201,189,199);stroke:rgb(0,0,0)" x="0" y="82" width="18" height="3" onmousedown="Zoomto(evt,'100');" onmouseover="showinfotip(evt,'100%');switchColor(evt,'fill','rgb(124,66,112)', '')" onmouseout="switchColor(evt,'fill','rgb(201,189,199)', '');hideinfotip(evt);"/>
</g>
</g>
</g>
<g id="cardinal">
<g id="west" transform="translate(0,30)">
<path id="westPanningArrow" d="M0 8 A8 8 0 0 1 8 0 L8 309 A8 8 0 0 1 0 301 Z" style="fill:url(#panningArrowDeg)" onclick="Javascript:goWest();"/>
<path id="westArrow" d="M2 154.5 L6.5 149.5 6.5 159.5 Z" style="fill:rgb(255, 255, 255)" onmouseover="Javascript:showinfotip(evt,'Pan to West');switchColor(evt,'fill','rgb(201,189,199)', '');" onmouseout="Javascript:hideinfotip(evt);switchColor(evt,'fill','rgb(255, 255, 255)', '')" onclick="Javascript:goWest();"/>
<rect id="westmapborder" x="8" y="8" width="2" height="293" style="fill:rgb(0,0,0);"/>
</g>
<g id="north" transform="translate(8,30)">
<rect id="northPanningArrow" x="0" y="0" width="395" height="8" style="fill:url(#panningArrowDeg2)" onclick="Javascript:goNorth();"/>
<path id="northArrow" d="M195.5 2 L200.5 6.5 190.5 6.5Z" style="fill:rgb(255, 255, 255);" onmouseover="Javascript:showinfotip(evt,'Pan to North');switchColor(evt,'fill','rgb(201,189,199)', '')" onmouseout="Javascript:hideinfotip(evt);switchColor(evt,'fill','rgb(255, 255, 255)', '')" onclick="javascript:goNorth();"/>
<rect id="northmapborder" x="0" y="8" width="393" height="2" style="fill:rgb(0,0,0);"/>
</g>
<g id="east" transform="translate(403,30)">
<path id="EastPanningArrow" d="M0 0 A8 8 0 0 1 8 8 L8 301 A8 8 0 0 1 0 309 Z" style="fill:url(#panningArrowDeg)" onclick="Javascript:goEast();"/>
<path id="EastArrow" d="M6.5 154.5 L2 149.5 2 159.5 Z" style="fill:white" onmouseover="Javascript:showinfotip(evt,'Pan to East');switchColor(evt,'fill','rgb(201,189,199)', '')" onmouseout="Javascript:hideinfotip(evt);switchColor(evt,'fill','rgb(255, 255, 255)', '')" onclick="Javascript:goEast();"/>
<rect id="westmapborder" x="-2" y="8" width="2" height="291" style="fill:rgb(225,225,225);"/>
</g>
<g id="south" transform="translate(8,331)">
<rect id="southPanningArrow" x="0" y="0" width="395" height="8" style="fill:url(#panningArrowDeg2)" onclick ="Javascript:goSouth();"/>
<path id="southArrow" d="M195.5 7.5 L200.5 3 190.5 3Z" style="fill:white;" onmouseover="Javascript:showinfotip(evt,'Pan to South');switchColor(evt,'fill','rgb(201,189,199)', '')" onmouseout="Javascript:hideinfotip(evt);switchColor(evt,'fill','rgb(255, 255, 255)', '')" onclick ="Javascript:goSouth();"/>
<rect id="southmapborder" x="2" y="-2" width="393" height="2" style="fill:rgb(225,225,225);"/>
</g>
</g>
<g id="AboutSVGMapMaker" style="visibility:hidden" transform="translate(25.5,24.5)">
<rect id="AboutBoxBackground" rx="25" ry="25" width="250" height="310" x="45" y="0" style="fill:url(#aboutDeg);stroke:rgb(0,0,0);stroke-width:3"/>
<a xlink:href="http://www.dbxgeomatics.com/svgmapmaker.asp" target="_new" >
<g id="SVGMapMakerLogo" viewBox="0 0 222.791 32.688" transform="scale(0.7)translate(131,187)" style="opacity:1">
<g id="Formes" style="fill-rule:nonzero;clip-rule:nonzero;fill:none;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:4;">
<path style="fill:#CC6600;stroke:none" d="M111.343,11.167c0,5.104-4.247,9.243-9.484,9.243c-5.238,0-9.485-4.139-9.485-9.243c0-5.105,4.247-9.244,9.485-9.244c5.237,0,9.484,4.139,9.484,9.244z"/>
<path style="fill:#99CCFF;stroke:none" d="M183.486,11.254c0,5.104-4.247,9.243-9.484,9.243c-5.238,0-9.485-4.139-9.485-9.243c0-5.105,4.247-9.244,9.485-9.244c5.237,0,9.484,4.139,9.484,9.244z"/>
<path style="fill:#CCCC33;stroke:none" d="M63.012,10.959c0,5.105-4.247,9.244-9.484,9.244c-5.238,0-9.485-4.139-9.485-9.244c0-0.074,0.001-0.147,0.003-0.22c0.12-5.003,4.32-9.023,9.482-9.023c5.237,0,9.484,4.139,9.484,9.244z"/>
<path style="stroke:#000000;stroke-width:0;stroke-linecap:round;stroke-linejoin:round" d="M96.277,18.162c0.701,1.097,4.046,1.805,7.472,1.581"/>
<path style="stroke:#000000;stroke-width:0;stroke-linecap:round;stroke-linejoin:round" d="M103.749,19.743c3.426-0.225,5.634-1.297,4.932-2.395"/>
<path style="stroke:none" d="M61.858,10.462"/>
<path style="stroke:none" d="M51.397,12.333"/>
<path d="M43.687,11.093c8.604,3.66,17.138,2.963,19.064-1.562"/>
<path d="M92.445,11.423c8.604,3.66,17.138,2.963,19.064-1.562"/>
<path d="M164.444,11.423c8.604,3.66,17.139,2.963,19.064-1.562"/>
</g>
<g id="Text" style="fill-rule:nonzero;clip-rule:nonzero;stroke:#000000;stroke-miterlimit:4">
<g style="stroke:none">
<path d="M68.694,1.047c0.308,0,0.531,0.05,0.672,0.147c0.14,0.099,0.224,0.162,0.252,0.189l7.729,7.751c0.308,0.31,0.518,0.464,0.63,0.464c0.111,0,0.308-0.14,0.588-0.421l7.729-7.752c0.279-0.252,0.602-0.379,0.966-0.379c0.728,0,1.119,0.393,1.176,1.178v18.332
c-0.057,0.785-0.448,1.178-1.176,1.178c-0.756,0-1.148-0.392-1.176-1.176V5.944c-0.028-0.252-0.126-0.378-0.294-0.378s-0.378,0.126-0.63,0.378l-6.511,6.511c-0.336,0.336-0.561,0.504-0.672,0.504c-0.084,0-0.294-0.168-0.63-0.504
c-2.353-2.352-4.551-4.536-6.595-6.553c-0.28-0.279-0.49-0.42-0.63-0.42c-0.168,0-0.252,0.154-0.252,0.462v14.614c-0.057,0.784-0.448,1.176-1.176,1.176c-0.756,0-1.148-0.393-1.176-1.178V2.225c0.027-0.785,0.42-1.178,1.176-1.178z"/>
<path d="M111.202,21.734c-0.701,0-1.079-0.377-1.135-1.133v-1.134c-0.028-0.503-0.154-0.755-0.378-0.755c-0.225,0-0.477,0.126-0.756,0.378c-2.017,1.763-4.326,2.644-6.93,2.644c-2.465,0-4.621-0.749-6.469-2.249s-3.052-3.455-3.611-5.866
c-0.168-0.756,0.21-1.135,1.134-1.135c0.699,0,1.077,0.38,1.134,1.139c0.532,1.715,1.52,3.121,2.961,4.217c1.441,1.097,3.059,1.645,4.852,1.645c2.239,0,4.143-0.791,5.711-2.375s2.353-3.482,2.353-5.697c0-2.241-0.784-4.146-2.353-5.717
c-1.568-1.569-3.472-2.354-5.711-2.354c-1.82,0-3.444,0.545-4.872,1.635s-2.38,2.486-2.856,4.189c-0.168,0.755-0.574,1.132-1.218,1.132c-0.924,0-1.302-0.378-1.134-1.135c0.504-2.354,1.693-4.296,3.569-5.823s4.046-2.292,6.511-2.292
c2.631,0,4.801,0.763,6.51,2.287l0.378,0.339c0.308,0.283,0.573,0.424,0.798,0.424c0.224,0,0.35-0.267,0.378-0.8V2.172c0.056-0.75,0.434-1.125,1.135-1.125c0.699,0,1.077,0.379,1.134,1.136v18.416c-0.057,0.758-0.435,1.136-1.134,1.136z"/>
<path d="M117.016,32.423c-0.7,0-1.078-0.393-1.134-1.176V11.7c0-2.881,1.008-5.335,3.023-7.362s4.452-3.041,7.309-3.041c2.464,0,4.627,0.754,6.489,2.261c1.861,1.507,3.072,3.446,3.633,5.817c0.195,0.781-0.196,1.172-1.176,1.172c-0.7,0-1.078-0.394-1.135-1.181
c-0.532-1.715-1.513-3.113-2.94-4.195s-3.052-1.624-4.871-1.624c-2.213,0-4.109,0.786-5.691,2.358s-2.373,3.466-2.373,5.683c0,2.218,0.791,4.119,2.373,5.705s3.479,2.379,5.691,2.379c1.819,0,3.443-0.541,4.871-1.623s2.38-2.481,2.856-4.196
c-0.057,0,0.014-0.196,0.21-0.59s0.532-0.591,1.009-0.591c0.363,0,0.672,0.113,0.924,0.338s0.336,0.506,0.252,0.843c-0.477,2.333-1.666,4.272-3.57,5.818s-4.088,2.318-6.552,2.318c-2.381,0-4.537-0.77-6.469-2.311l-0.42-0.336c-0.364-0.279-0.616-0.42-0.756-0.42
c-0.252,0-0.393,0.252-0.42,0.755v11.569c-0.057,0.783-0.435,1.176-1.134,1.176z M119.746,19.672c-0.112-0.109-0.252-0.22-0.42-0.329l0.42,0.329z"/>
<path d="M140.682,1.047c0.308,0,0.531,0.05,0.672,0.147c0.14,0.099,0.224,0.162,0.252,0.189l7.729,7.751c0.308,0.31,0.518,0.464,0.63,0.464c0.111,0,0.308-0.14,0.588-0.421l7.729-7.752c0.279-0.252,0.602-0.379,0.966-0.379c0.728,0,1.119,0.393,1.176,1.178
v18.332c-0.057,0.785-0.448,1.178-1.176,1.178c-0.756,0-1.148-0.392-1.176-1.176V5.944c-0.028-0.252-0.126-0.378-0.294-0.378s-0.378,0.126-0.63,0.378l-6.511,6.511c-0.336,0.336-0.561,0.504-0.672,0.504c-0.084,0-0.294-0.168-0.63-0.504
c-2.353-2.352-4.551-4.536-6.595-6.553c-0.28-0.279-0.49-0.42-0.63-0.42c-0.168,0-0.252,0.154-0.252,0.462v14.614c-0.057,0.784-0.448,1.176-1.176,1.176c-0.756,0-1.148-0.393-1.176-1.178V2.225c0.027-0.785,0.42-1.178,1.176-1.178z"/>
<path d="M183.188,21.734c-0.701,0-1.079-0.377-1.135-1.133v-1.134c-0.028-0.503-0.154-0.755-0.378-0.755c-0.225,0-0.477,0.126-0.756,0.378c-2.017,1.763-4.326,2.644-6.93,2.644c-2.465,0-4.621-0.749-6.469-2.249s-3.052-3.455-3.611-5.866
c-0.168-0.756,0.21-1.135,1.134-1.135c0.699,0,1.077,0.38,1.134,1.139c0.532,1.715,1.52,3.121,2.961,4.217c1.441,1.097,3.059,1.645,4.852,1.645c2.239,0,4.143-0.791,5.711-2.375s2.353-3.482,2.353-5.697c0-2.241-0.784-4.146-2.353-5.717
c-1.568-1.569-3.472-2.354-5.711-2.354c-1.82,0-3.444,0.545-4.872,1.635s-2.38,2.486-2.856,4.189c-0.168,0.755-0.574,1.132-1.218,1.132c-0.924,0-1.302-0.378-1.134-1.135c0.504-2.354,1.693-4.296,3.569-5.823s4.046-2.292,6.511-2.292
c2.631,0,4.801,0.763,6.51,2.287l0.378,0.339c0.308,0.283,0.573,0.424,0.798,0.424c0.224,0,0.35-0.267,0.378-0.8V2.172c0.056-0.75,0.434-1.125,1.135-1.125c0.699,0,1.077,0.379,1.134,1.136v18.416c-0.057,0.758-0.435,1.136-1.134,1.136z"/>
<path d="M189.231,1.047c0.756,0,1.162,0.394,1.219,1.18v7.498l8.273-8.301c0.279-0.251,0.573-0.377,0.882-0.377c0.279,0,0.546,0.126,0.798,0.378s0.378,0.531,0.378,0.839c0,0.309-0.126,0.588-0.378,0.84l-8.273,8.308l8.273,8.267
c0.252,0.28,0.378,0.574,0.378,0.882c0,0.28-0.126,0.546-0.378,0.798s-0.519,0.377-0.798,0.377c-0.309,0-0.603-0.126-0.882-0.378l-8.273-8.313v7.516c-0.057,0.784-0.463,1.176-1.219,1.176c-0.729,0-1.12-0.393-1.176-1.178V2.225
c0.056-0.785,0.447-1.178,1.176-1.178z"/>
<path d="M210.484,20.588c0,0.708-0.378,1.09-1.134,1.146h-0.084c-1.568,0-2.913-0.561-4.032-1.682c-1.12-1.121-1.68-2.467-1.68-4.037c0-1.906,0.798-3.447,2.394-4.625c-1.596-1.177-2.394-2.719-2.394-4.625c0-1.569,0.56-2.915,1.68-4.036s2.464-1.683,4.032-1.683
h0.084v2.252h-0.084c-0.952,0-1.765,0.342-2.437,1.023s-1.008,1.496-1.008,2.442s0.336,1.761,1.008,2.442s1.483,1.022,2.437,1.022c0.84,0,1.26,0.376,1.26,1.128c0,0.695-0.393,1.071-1.176,1.127c-0.98,0-1.814,0.338-2.5,1.013s-1.028,1.504-1.028,2.487
c0,0.956,0.336,1.778,1.008,2.467c0.672,0.689,1.483,1.033,2.437,1.033c0.812,0,1.218,0.368,1.218,1.104z M210.484,2.151c0,0.709-0.378,1.091-1.134,1.147V1.047c0.756,0.029,1.134,0.397,1.134,1.104z"/>
<path d="M215.818,4.627c1.54-1.908,3.473-3.102,5.797-3.579c0.336-0.084,0.615,0.001,0.84,0.253c0.224,0.253,0.336,0.562,0.336,0.926c0,0.646-0.393,1.039-1.176,1.18c-1.681,0.506-3.067,1.446-4.159,2.821c-1.092,1.46-1.638,3.088-1.638,4.884v9.812
c-0.057,0.542-0.435,0.813-1.134,0.813c-0.729,0-1.12-0.271-1.176-0.813v-9.727c0-2.471,0.77-4.66,2.31-6.569z"/>
</g>
<path style="fill:#000080;stroke:none" d="M60.236,27.205c1.129-1.513,1.694-3.223,1.694-5.131V19.3c-0.029-0.528-0.161-0.793-0.396-0.793c-0.235,0-0.515,0.147-0.837,0.44l-0.396,0.352c-1.789,1.584-4.063,2.376-6.82,2.376c-2.552,0-4.817-0.806-6.798-2.419
c-1.98-1.612-3.234-3.635-3.762-6.068C42.747,12.396,43.157,12,44.155,12c0.674,0,1.085,0.396,1.231,1.189c0.498,1.792,1.496,3.261,2.992,4.405c1.496,1.146,3.197,1.718,5.104,1.718c2.347,0,4.342-0.83,5.984-2.492c1.643-1.661,2.464-3.653,2.464-5.977
c0-2.352-0.821-4.352-2.464-5.998s-3.638-2.471-5.984-2.471c-1.877,0-3.571,0.573-5.082,1.718c-1.511,1.146-2.545,2.614-3.102,4.405c-0.059,0.793-0.455,1.189-1.188,1.189c-0.969,0-1.364-0.396-1.188-1.188c0.586-2.524,1.854-4.572,3.806-6.143
C48.679,0.786,50.93,0,53.482,0c2.992,0,5.551,1.058,7.678,3.172c2.127,2.115,3.19,4.685,3.19,7.71v11.189c0,2.584-0.807,4.875-2.42,6.873c-1.613,1.996-3.638,3.244-6.071,3.743c-0.353,0.088-0.646-0.001-0.881-0.264c-0.234-0.265-0.352-0.588-0.352-0.97
c0-0.676,0.41-1.086,1.232-1.232c1.789-0.5,3.248-1.506,4.377-3.017z"/>
<path style="fill:#000080;stroke:none" d="M19.218,1.905c0-0.391,0.182-0.69,0.546-0.899c0.208-0.104,0.403-0.156,0.585-0.156c0.363,0,0.676,0.195,0.937,0.586c5.043,8.648,7.852,13.44,8.424,14.378c0.39,0.625,0.649,0.938,0.779,0.938c0.156,0,0.403-0.313,0.741-0.938l8.15-14.378
c0.26-0.391,0.572-0.586,0.937-0.586c0.182,0,0.376,0.053,0.585,0.156c0.363,0.209,0.546,0.509,0.546,0.899c0,0.209-0.053,0.417-0.156,0.625c-5.928,10.451-9.19,16.211-9.788,17.279c-0.494,0.86-0.819,1.29-0.976,1.29s-0.494-0.43-1.014-1.29L19.375,2.53
c-0.104-0.208-0.156-0.416-0.156-0.625z"/>
<path style="fill:#000080;stroke:none" d="M7.305,18.15c-1.613,1.978-3.638,3.215-6.072,3.713c-0.353,0.088-0.646,0-0.881-0.264S0,21.014,0,20.633c0-0.674,0.41-1.084,1.232-1.23c1.789-0.498,3.248-1.501,4.378-3.01c1.129-1.509,1.694-3.216,1.694-5.12v-0.175
c0-2.549,0.807-4.812,2.42-6.789s3.637-3.23,6.072-3.758c0.791-0.176,1.188,0.22,1.188,1.187c0,0.674-0.396,1.099-1.188,1.274C14.007,3.51,12.547,4.506,11.418,6s-1.693,3.193-1.693,5.098v0.263c0,2.549-0.807,4.813-2.42,6.79z"/>
<path style="fill:none;stroke:#58FF00;stroke-width:0.25" d="M0.467,7.612"/>
<path style="fill:none;stroke:#58FF00;stroke-width:0.25" d="M-0.467,1.458"/>
<path style="fill:none;stroke:#58FF00;stroke-width:0.25" d="M0.467,7.612"/>
</g>
</g>
</a>
<g id="dbxgeomaticsLogo" style="opacity:0" transform="scale(0.42)translate(220,-55)" >
<g id="terre" style="stroke:none;" transform="translate(50,100)">
<path id="blackCircle" d="M124.013,19.594c-30.304,0-54.972,24.678-54.972,54.976c0,30.304,24.668,54.978,54.972,54.978c30.312,0,54.987-24.674,54.987-54.978c0-30.298-24.676-54.976-54.987-54.976z M110.579,31.652c3.502,6.859,7.732,17.258,8.811,29
c-0.445-0.169-0.734-0.275-0.734-0.275c-3.961-1.386-8.205-2.167-12.625-2.167c-9.971,0-19.479,3.96-26.601,10.756c2.201-17.642,14.631-32.127,31.149-37.314z M132.55,118.72c-6.948,1.421-13.131,1.166-18.551-0.082c-1.104-4.774,0.919-9.361,0.919-9.361
c-1.97,2.807-2.374,6.43-2.367,8.992c-3.062-0.825-5.868-1.959-8.412-3.282c0.697-6.645,5.569-11.597,5.569-11.597c-3.997,2.712-6.231,7.417-7.356,10.613c-0.907-0.526-1.785-1.07-2.619-1.632c-0.367-0.236-0.743-0.464-1.102-0.705c0,0-2.71-2.115-3.9-3.158
c0,0-0.081-0.071-0.212-0.188c3.074-8.345,11.035-13.101,11.035-13.101c-6.08,2.17-10.541,7.547-13.033,11.28c-0.786-0.736-1.607-1.537-2.146-2.147c0,0-2.088-2.613-2.858-3.62l-0.024,0.011c-0.206-0.282-0.393-0.561-0.585-0.841
c6.82-12.759,21.784-16.181,21.784-16.181c-12.416,0.726-20.077,8.525-23.611,13.245c-1.515-2.631-2.769-5.427-3.734-8.354c10.811-14.633,28.858-14.052,28.858-14.052c-14.803-2.303-25.37,4.799-30.197,9.04c-0.541-2.642-0.868-5.359-0.92-8.146
c6.465-6.509,15.295-10.242,24.49-10.242c5.339,0,10.372,1.243,14.89,3.408l1.103,0.627c-0.48,9.115-3.211,18.683-9.801,27.801c-0.288,0.421-0.595,0.828-0.915,1.245c0,0,11.766-8.854,27.387-9.873c1.255,3.571,1.953,7.401,1.953,11.396
c0,6.791-1.954,13.267-5.645,18.903z M138.948,116.942c3.686-6.007,5.69-12.949,5.69-20.123c0-2.833-0.314-5.59-0.9-8.247c6.342,0.688,13.064,2.898,19.731,7.545c-5.298,9.629-14.024,17.117-24.521,20.824z M120.454,86.474
c12.472-36.179-1.104-56.641-1.104-56.641s28.511,19.788,47.273,57.021c-28.331-10.351-46.169-0.381-46.169-0.381z"/>
<path id="beige" style="fill:#A6AD93;" d="M166.623,86.854c-28.331-10.351-46.169-0.381-46.169-0.381c12.472-36.179-1.104-56.641-1.104-56.641s28.511,19.788,47.273,57.021"/>
<path id="blue1" style="fill:#599EC9;" d="M119.39,60.656c-1.079-11.743-5.308-22.144-8.811-29.004C94.061,36.838,81.631,51.324,79.43,68.966c7.122-6.796,16.63-10.756,26.601-10.756c4.42,0,8.663,0.782,12.625,2.171c0,0,0.29,0.106,0.735,0.275z"/>
  <path id="blue2" style="fill:#599EC9;" d="M143.738,88.572c0.586,2.657,0.9,5.415,0.9,8.248c0,7.174-2.005,14.116-5.69,20.123c10.498-3.708,19.225-11.194,24.522-20.824c-6.668-4.647-13.392-6.857-19.732-7.546z"/>
<path id="green" style="fill:#919B0A;" d="M136.242,88.42c-15.621,1.019-27.387,9.872-27.387,9.872c0.32-0.416,0.627-0.824,0.914-1.244c6.59-9.119,9.321-18.687,9.801-27.802l-1.103-0.627c-4.519-2.166-9.552-3.408-14.89-3.408c-9.195,0-18.026,3.732-24.491,10.242
c0.053,2.786,0.379,5.504,0.92,8.146c4.826-4.24,15.395-11.343,30.198-9.04c0,0-18.048-0.581-28.858,14.053c0.965,2.928,2.219,5.723,3.734,8.355c3.534-4.72,11.194-12.52,23.611-13.247c0,0-14.965,3.422-21.784,16.182c0.192,0.28,0.379,0.559,0.585,0.841
l0.024-0.011c0.771,1.007,2.858,3.62,2.858,3.62c0.539,0.61,1.361,1.411,2.146,2.147c2.493-3.733,6.953-9.111,13.034-11.281c0,0-7.961,4.757-11.035,13.102c0.13,0.115,0.211,0.187,0.211,0.187c1.189,1.043,3.9,3.158,3.9,3.158
c0.358,0.242,0.734,0.469,1.102,0.705c0.834,0.563,1.712,1.106,2.62,1.632c1.125-3.195,3.359-7.901,7.356-10.613c0,0-4.872,4.953-5.569,11.597c2.544,1.324,5.351,2.457,8.413,3.282c-0.007-2.562,0.396-6.185,2.366-8.992c0,0-2.022,4.587-0.918,9.361
c5.419,1.248,11.603,1.503,18.55,0.082c3.689-5.637,5.645-12.113,5.645-18.903c0-3.995-0.699-7.826-1.953-11.396z"/>
</g>
<g id="fleches">
<path transform="translate(50,100)" id="arrowLeft" d="M63.29,59.425L49.965,72.75c-1.217,1.218-1.217,3.212,0,4.417l13.599,13.602c-1.386-5.169-2.137-10.597-2.137-16.199c0-5.222,0.652-10.293,1.863-15.146z"/>
<path transform="translate(50,100)" id="arrowTop" d="M139.173,13.856L126.23,0.914c-1.212-1.218-3.217-1.218-4.434,0l-12.941,12.942c4.856-1.212,9.932-1.866,15.158-1.866s10.303,0.653,15.16,1.866z"/>
<path transform="translate(50,100)" id="arrowBottom" d="M107.794,135.01l14.002,14.005c1.217,1.218,3.222,1.218,4.434,0l14.004-14.006c-5.177,1.391-10.611,2.144-16.221,2.144c-5.609,0-11.043-0.753-16.219-2.143z"/>
<path transform="translate(50,100)" id="arrowRight" d="M198.068,72.75l-13.325-13.325c1.212,4.852,1.864,9.923,1.864,15.145c0,5.602-0.751,11.028-2.138,16.198l13.599-13.601c1.225-1.205,1.225-3.199,0-4.417z"/>
<animateTransform id="anim_arrow" attributeName="transform" begin="indefinite"  attributeType="XML" type="rotate" from="0 175 175" to="360 175 175" dur="4s" fill="freeze"/>
</g>
<animate id="anim_opacity" attributeName="opacity" attributeType="CSS" values="0;1" begin="indefinite" dur="3s" fill="freeze"/>
<text onmousedown="javascript:hideAbout()" id="dbxText" style="fill:rgb(0,0,0);font-weight:bold; font-family:'Verdana';font-size:24;pointer-events:none" x="71" y="296">DBx GEOMATICS</text>
<text id="svgVersion" style="fill:rgb(0,0,128);font-weight:normal; font-family:'Verdana';font-size:28;pointer-events:none" x="0" y="486">Version 3.0</text>
<text id="svgSource" style="fill:rgb(0,0,128);font-weight:normal; font-family:'Verdana';font-size:22;pointer-events:none;text-align:center" x="0" y="526">
<tspan x="0" y="526">This map is the result of a conversion</tspan>
<tspan x="0" y="556">from MapInfo Professional</tspan>
<tspan x="0" y="586">using SVGMapMaker 3.0</tspan>
<tspan x="0" y="636">Copyright 2004, All rights reserved.</tspan>
</text>
</g>
<a xlink:href="http://www.dbxgeomatics.com" target="_new"><text id="dbxText" style="fill:rgb(0,0,0);font-weight:bold; font-family:'Verdana';font-size:12;" x="91" y="270">www.dbxgeomatics.com</text></a>
<g transform="translate(0,0)">
<rect id='closerect' x="147" y="280" width="50" height="15" rx="5" ry="5" style="stroke:rgb(0,0,0);stroke-width:1;fill:none" onclick='javascript:hideAbout()' onmouseover="Javascript:switchColor(evt,'fill','rgb(201,189,199)', '')" onmouseout="Javascript:switchColor(evt,'fill','rgb(255, 255, 255)', '')"/>
<text style="fill:rgb(0,0,128);font-weight:bold; font-family:'Verdana';font-size:10;pointer-events:none;align:middle" x="157" y="291">Close</text>
</g>
</g>
<g id="notes" transform="translate(291,378)">
<text id="notestext" style="fill:rgb(0,0,0);font-weight:normal;text-align:center;font-family:'Verdana';font-size:8.5;pointer-events:none;">This map is based on a simulation.</text>
</g>
<svg id="groupLegend" x="427" y="170" width="500" height="500" viewBox="0 -10 500 500">
<text id="layerControltitle" x="0" y="10" style="fill:rgb(124,66,112);font-weight:bold;text-align:left;font-family:'Verdana';font-size:14;pointer-events:none;">Layer Control</text>
<text id="layername" x="45" y="30" style="fill:rgb(0,0,0);font-weight:normal;text-align:center;font-family:'Verdana';font-size:12;pointer-events:none;">Layer:</text>
<g id="layercontroltop">
<g id="eye" transform="translate(5,20)" onmouseover="Javascript:showinfotip(evt,'Layer visibility')" onmouseout="Javascript:hideinfotip(evt)">
<path  transform="translate(-2,-3)" d="M1 3 L 3 2.5 6 2.3 12 1 12 3 6 2.8 4 3 1 4 Z" style="fill:rgb(0,0,0);stroke-width:1;stroke:rgb(0,0,0);" />
<circle cx="5" cy="6" r="4" style="fill:lightgrey;stroke-width:1" />
<circle cx="5" cy="6" r="1.5" style="fill:rgb(0,0,0);stroke-width:1" />
<ellipse cx="5" cy="6" rx="7" ry="4" style="fill:none;stroke-width:1;stroke:rgb(0,0,0);" />
</g>
<g id="label" transform="translate(25,20)" onmouseover="Javascript:showinfotip(evt,'Layer labelling')" onmouseout="Javascript:hideinfotip(evt)">
<path style="fill:rgb(255,255,0);stroke:rgb(0,0,0);stroke-width:1" d="M0 7 L6 1 7 1 10 4 10 5 4 11 Z"/>
<circle cx="7" cy="4" r="1" style="fill:none;stroke-width:1;stroke:grey" />
<path d="M7 4 L10 1"  style="stroke-width:1;stroke:rgb(0,0,0)"/>
</g>
</g>
<g transform="translate(-5,20)">
<g id="layerControl1" transform="translate(10,20)"><rect id="rectleg1" style="fill:rgb(255,255,255);stroke:rgb(0,0,0)" width="10" height="10" onclick="expandLegend('1','Cities');" onmouseover="Javascript:switchColor(evt,'fill','rgb(201,189,199)', '')" onmouseout="Javascript:switchColor(evt,'fill','rgb(255, 255, 255)', '')"/>
<text id="rectlegText1" style="fill:rgb(0,0,0);font-weight:normal; font-family:'Verdana';font-size:12;pointer-events:none" x="40" y="10">Cities</text>
<rect id="labelrectleg1" x="20" y="0" style="fill:rgb(255,255,255);stroke:rgb(0,0,0)" width="10" height="10" onclick="expandLegend('label1','Cities_Labels');" onmouseover="Javascript:switchColor(evt,'fill','rgb(201,189,199)', '')" onmouseout="Javascript:switchColor(evt,'fill','rgb(255, 255, 255)', '')"/>
<path id="checklabel1" transform="translate(18,-2)" style="visibility:visible;stroke-width:1.5;stroke:rgb(0,0,0);fill:none;pointer-events:none" d="M4 7 L6 10 10 4" dbxns:pot_visible="true" />
<path id="check1" transform="translate(-2,-2)" style="visibility:visible;stroke-width:1.5;stroke:rgb(0,0,0);fill:none;pointer-events:none" d="M4 7 L6 10 10 4" dbxns:pot_visible="true" />
</g>
<g id="layerControl2" transform="translate(10,35)"><rect id="rectleg2" style="fill:rgb(255,255,255);stroke:rgb(0,0,0)" width="10" height="10" onclick="expandLegend('2','Text');" onmouseover="Javascript:switchColor(evt,'fill','rgb(201,189,199)', '')" onmouseout="Javascript:switchColor(evt,'fill','rgb(255, 255, 255)', '')"/>
<text id="rectlegText2" style="fill:rgb(0,0,0);font-weight:normal; font-family:'Verdana';font-size:12;pointer-events:none" x="40" y="10">Text</text>
<path id="check2" transform="translate(-2,-2)" style="visibility:visible;stroke-width:1.5;stroke:rgb(0,0,0);fill:none;pointer-events:none" d="M4 7 L6 10 10 4" dbxns:pot_visible="true" />
</g>
<g id="layerControl3" transform="translate(10,50)"><rect id="rectleg3" style="fill:rgb(255,255,255);stroke:rgb(0,0,0)" width="10" height="10" onclick="expandLegend('3','Boundaries');" onmouseover="Javascript:switchColor(evt,'fill','rgb(201,189,199)', '')" onmouseout="Javascript:switchColor(evt,'fill','rgb(255, 255, 255)', '')"/>
<text id="rectlegText3" style="fill:rgb(0,0,0);font-weight:normal; font-family:'Verdana';font-size:12;pointer-events:none" x="40" y="10">Boundaries</text>
<path id="check3" transform="translate(-2,-2)" style="visibility:visible;stroke-width:1.5;stroke:rgb(0,0,0);fill:none;pointer-events:none" d="M4 7 L6 10 10 4" dbxns:pot_visible="true" />
</g>
<g id="layerControl4" transform="translate(10,65)"><rect id="rectleg4" style="fill:rgb(255,255,255);stroke:rgb(0,0,0)" width="10" height="10" onclick="expandLegend('4','Model 17:00');" onmouseover="Javascript:switchColor(evt,'fill','rgb(201,189,199)', '')" onmouseout="Javascript:switchColor(evt,'fill','rgb(255, 255, 255)', '')"/>
<text id="rectlegText4" style="fill:rgb(0,0,0);font-weight:normal; font-family:'Verdana';font-size:12;pointer-events:none" x="40" y="10">Model 17:00</text>
<path id="check4" transform="translate(-2,-2)" style="visibility:visible;stroke-width:1.5;stroke:rgb(0,0,0);fill:none;pointer-events:none" d="M4 7 L6 10 10 4" dbxns:pot_visible="true" />
</g>
<g id="layerControl5" transform="translate(10,80)"><rect id="rectleg5" style="fill:rgb(255,255,255);stroke:rgb(0,0,0)" width="10" height="10" onclick="expandLegend('5','Model 20:00');" onmouseover="Javascript:switchColor(evt,'fill','rgb(201,189,199)', '')" onmouseout="Javascript:switchColor(evt,'fill','rgb(255, 255, 255)', '')"/>
<text id="rectlegText5" style="fill:rgb(0,0,0);font-weight:normal; font-family:'Verdana';font-size:12;pointer-events:none" x="40" y="10">Model 20:00</text>
<path id="check5" transform="translate(-2,-2)" style="visibility:visible;stroke-width:1.5;stroke:rgb(0,0,0);fill:none;pointer-events:none" d="M4 7 L6 10 10 4" dbxns:pot_visible="true" />
</g>
<g id="layerControl6" transform="translate(10,95)"><rect id="rectleg6" style="fill:rgb(255,255,255);stroke:rgb(0,0,0)" width="10" height="10" onclick="expandLegend('6','Rivers');" onmouseover="Javascript:switchColor(evt,'fill','rgb(201,189,199)', '')" onmouseout="Javascript:switchColor(evt,'fill','rgb(255, 255, 255)', '')"/>
<text id="rectlegText6" style="fill:rgb(0,0,0);font-weight:normal; font-family:'Verdana';font-size:12;pointer-events:none" x="40" y="10">Rivers</text>
<path id="check6" transform="translate(-2,-2)" style="visibility:visible;stroke-width:1.5;stroke:rgb(0,0,0);fill:none;pointer-events:none" d="M4 7 L6 10 10 4" dbxns:pot_visible="true" />
</g>
<g id="layerControl7" transform="translate(10,110)"><rect id="rectleg7" style="fill:rgb(255,255,255);stroke:rgb(0,0,0)" width="10" height="10" onclick="expandLegend('7','Lakes');" onmouseover="Javascript:switchColor(evt,'fill','rgb(201,189,199)', '')" onmouseout="Javascript:switchColor(evt,'fill','rgb(255, 255, 255)', '')"/>
<text id="rectlegText7" style="fill:rgb(0,0,0);font-weight:normal; font-family:'Verdana';font-size:12;pointer-events:none" x="40" y="10">Lakes</text>
<path id="check7" transform="translate(-2,-2)" style="visibility:visible;stroke-width:1.5;stroke:rgb(0,0,0);fill:none;pointer-events:none" d="M4 7 L6 10 10 4" dbxns:pot_visible="true" />
</g>
<g id="layerControl8" transform="translate(10,125)"><rect id="rectleg8" style="fill:rgb(255,255,255);stroke:rgb(0,0,0)" width="10" height="10" onclick="expandLegend('8','ShadedRelief');" onmouseover="Javascript:switchColor(evt,'fill','rgb(201,189,199)', '')" onmouseout="Javascript:switchColor(evt,'fill','rgb(255, 255, 255)', '')"/>
<text id="rectlegText8" style="fill:rgb(0,0,0);font-weight:normal; font-family:'Verdana';font-size:12;pointer-events:none" x="40" y="10">ShadedRelief</text>
<path id="check8" transform="translate(-2,-2)" style="visibility:visible;stroke-width:1.5;stroke:rgb(0,0,0);fill:none;pointer-events:none" d="M4 7 L6 10 10 4" dbxns:pot_visible="true" />
</g>
</g>
</svg>
<g id="infotips">
<rect id="infotipRect" x="20" y="0" width="100" height="14" rx="5" ry="5" style="visibility:hidden;fill:rgb(201,189,199);stroke-width:1; stroke:rgb(0,0,0);opacity:0.8;pointer-events:none"></rect>
<text id="infotip" x="25" y="11"  style="fill:rgb(0,0,0);visibility:hidden;font-weight:normal; font-family:'Arial';font-size:12;text-anchor:left;pointer-events:none" >!</text>
<animate id="fade" attributeName="opacity" begin="" dur="0.6s" from="0" to="1" fill="freeze" />
</g>
<rect id="rectevt" x="0" y="0" width="0" height="0" style="fill:rgb(124,66,112);opacity:0.5;visibility:hidden" />
<rect id="bgrectevt" cursor="crosshair" x="10" y="40" width="391" height="289" style="fill:rgb(255,255,255);opacity:0;visibility:hidden" onmousedown="beginResize(evt)" onmouseup="endResize(evt)" onmousemove="doResize(evt)" />
</svg>

nuclear_isotopes_dispersion_script.js
var WidthVB =1955;
var HeightVB =1445;
var rectOveXcorner;
var rectOveYcorner;
var rectXcorner = 0;
var rectYcorner = 0;
var widthOverview;
var heightOverview;
var svgRect;
var svgMainViewport;
var width;
var height;
var nWidth;
var nHeight;
var newViewport;
var theZoom = 100;
var offsetYmap = 78;
var offsetXmap = 78;
var pressed= 0;
var zoomVal =  100;
var evtX;
var evtY;
var zoom = 650;
var zoom_init;
var scaleFactor = 1;
var infoTipOffsetFactor =1;
var nblayer;
var tablayers;
var rectOvewidth;
var rectOveheight;
var Rpressed = 0;
var RevtX, RevtY;
var RnewevtX, RnewevtY;
var MapX = 0;
var MapY = 0;
var svgdoc;
var zoomtool;
var qualityfactor=5;
var mapWidth =391;
var mapHeight =289;
var nbsplit;
var zoomScaling=false;
var svgns = 'http://www.w3.org/2000/svg';
var dbxns = 'http://www.dbxgeomatics.com/ns';
function showinfotip (evt, info){
var splitString;
splitString = info.split('\n');
nbsplit = splitString.length;
var target = get_target(evt);
svgdoc = target.getOwnerDocument();
var svgdocElement = svgdoc.getDocumentElement();
var scale = svgdocElement.getCurrentScale();
var translateX = svgdocElement.getCurrentTranslate().getX();
var translateY = svgdocElement.getCurrentTranslate().getY();
var pixel = qualityfactor / scale;
var infotip = 'infotip';
var infotiprect = 'infotipRect';
var svgobj = svgdoc.getElementById (infotip);
var svgobjtxt = svgobj;
svgobj.setAttributeNS(null,'x', Math.round(evt.getClientX()+15));
svgobj.setAttributeNS(null,'y', Math.round(evt.getClientY()));
var svgstyle = svgobj.getStyle();
svgstyle.setProperty ('visibility', 'visible');
svgstyle.setProperty('font-size', 12);
svgobj1 = svgobj.getFirstChild();
if (nbsplit == 1)
{
svgobj1.setData(info);
}
else
{
svgobj1.setData(splitString[0]);
for (k=1; k<nbsplit ; k++)
  {
  myspan = svgdoc.createElement('tspan');
  myspan.setAttributeNS(null,'dy', 1.2+'em');
  myspan.setAttributeNS(null,'id', k);
  myspan.setAttributeNS(null,'x', Math.round(evt.getClientX()+15));
  myspan.appendChild(svgdoc.createTextNode(splitString[k]));
  svgobj.appendChild(myspan);
  }
}
var txtlen=1.2*svgobj.getBBox().width;
var svgobj = svgdoc.getElementById (infotiprect);
svgobj.setAttributeNS(null,'x', (Math.round(evt.getClientX()+12.5)));
svgobj.setAttributeNS(null,'y', (Math.round(evt.getClientY()-10)));
svgobj.setAttributeNS(null,'width', txtlen);
if (nbsplit >1) svgobj.setAttributeNS(null,'height',1.2*nbsplit+'em');else svgobj.setAttribute ('height',1+'em');
svgobj.setAttributeNS(null,'rx', 3);
svgobj.setAttributeNS(null,'ry', 3);
var svgstyle = svgobj.getStyle();
svgstyle.setProperty('visibility', 'visible');
}

function Zoomin(evt)
{
svgdoc= evt.getTarget().getOwnerDocument();
objbgrectevt = svgdoc.getElementById('bgrectevt');
objbgrectevt.getStyle().setProperty('pointer-events','visible');
objbgrectevt.getStyle().setProperty('visibility','visible');

svgdoc.getElementById('bgrectevt').getStyle().setProperty('visibility','visible');
svgdoc.getElementById('zoominpusheffectbr').getStyle().setProperty('visibility','hidden');
svgdoc.getElementById('zoominpusheffectul').getStyle().setProperty('visibility','visible');
svgdoc.getElementById('zoominpusheffectrec').getStyle().setProperty('fill','url(#lcDeg4)');
zoomtool = 'zoomin';
svgdoc.getElementById('releasezoom').getStyle().setProperty('visibility','visible');
svgdoc.getElementById('releasezoom').getStyle().setProperty('pointer-events','visible');

}

function releaseZoom(evt)
{
svgdoc= evt.getTarget().getOwnerDocument();
svgdoc.getElementById('bgrectevt').getStyle().setProperty('pointer-events','none');
svgdoc.getElementById('bgrectevt').getStyle().setProperty('visibility','hidden');
svgdoc.getElementById('releasezoom').getStyle().setProperty('visibility','hidden');
svgdoc.getElementById('releasezoom').getStyle().setProperty('pointer-events','none');
svgdoc.getElementById('zoominpusheffectbr').getStyle().setProperty('visibility','visible');
svgdoc.getElementById('zoominpusheffectul').getStyle().setProperty('visibility','hidden');
svgdoc.getElementById('zoominpusheffectrec').getStyle().setProperty('fill','url(#lcDeg3)');
zoomtool='';
}

function Zoomless(evt)
{
zoomVal = zoomVal - 50;
Zoomto(evt,zoomVal);
}

function Zoommore(evt)
{

zoomVal = zoomVal + 50;
Zoomto(evt,zoomVal);
}

function cleanzoombar(evt)
{
svgdoc = evt.getTarget().getOwnerDocument();
for (var i=0; i<19; i++)
{
oldbarzoom = svgdoc.getElementById('rectzoom'+parseInt(100+i*50));
oldbarzoom.getStyle().setProperty('fill','rgb(165,206,239)');
}
}

function initialize(evt)
{
svgdoc=evt.getTarget().getOwnerDocument();
overviewmap = svgdoc.getElementById('overviewmap');
svgmain = svgdoc.getElementById('main');
widthOverview = parseFloat(overviewmap.getAttributeNS(null,'width'));
heightOverview = parseFloat(overviewmap.getAttributeNS(null,'height'));
svgRect = svgdoc.getElementById('locationRect');
rectOveXcorner = parseFloat(svgRect.getAttributeNS(null,'x'));
rectOveYcorner = parseFloat(svgRect.getAttributeNS(null,'y'));
rectOvewidth = parseFloat(svgRect.getAttributeNS(null,'width'));
rectOveheight = parseFloat(svgRect.getAttributeNS(null,'height'));
newViewport = rectOveXcorner + ' ' + rectOveYcorner + ' ' + rectOvewidth + ' ' + rectOveheight;
zoom_init = zoom;
svgobj = svgdoc.getElementById('rightNumber');
childobj = svgobj.getFirstChild();
childobj.setData(parseFloat(parseInt(100*zoom_init/5)/100));
svgobj = svgdoc.getElementById('centerNumber');
childobj = svgobj.getFirstChild();
childobj.setData(parseFloat(parseInt(100*zoom_init/10)/100));
faire_menus(evt,'myCustomMenu');
zoomLayering(evt);
}

function faire_menus(evt,nom_menu){
svgdoc=evt.getTarget().getOwnerDocument();
var newMenuRoot=parseXML(printNode(svgdoc.getElementById(nom_menu)),contextMenu);
contextMenu.replaceChild(newMenuRoot.firstChild,contextMenu.firstChild);
}
function initScaleBar(evt)
{
svgdoc=evt.getTarget().getOwnerDocument();
var svgobj = svgdoc.getElementById('rightNumber');
var childobj = svgobj.getFirstChild();
childobj.setData(parseFloat(parseInt(100*zoom_init*20/zoomVal))/100);
svgobj = svgdoc.getElementById('centerNumber');
childobj = svgobj.getFirstChild();
childobj.setData(parseFloat(parseInt(100*zoom_init*10/zoomVal))/100);
zoomLayering(evt);
}

function endResize(evt){
if ((Rpressed == 1) && (zoomtool == 'zoomin'))
{
svgdoc= evt.getTarget().getOwnerDocument();
objrectevt = svgdoc.getElementById('rectevt');
objrectevt.getStyle().setProperty('visibility','hidden');

rectOvewidth = objrectevt.getAttributeNS(null,'width');
realzoom = parseFloat((mapWidth/rectOvewidth)*(theZoom/100));
if (realzoom < 1.5 && realzoom >= 1 ) Zoomto(evt,150);
if (realzoom < 2 && realzoom >= 1.5 ) Zoomto(evt,200);
if (realzoom < 2.5 && realzoom >= 2 ) Zoomto(evt,250);
if (realzoom < 3 && realzoom >= 2.5 ) Zoomto(evt,300);
if (realzoom < 3.5 && realzoom >= 3.0 ) Zoomto(evt,350);
if (realzoom < 4.0 && realzoom >= 3.5 ) Zoomto(evt,400);
if (realzoom < 4.5 && realzoom >= 4.0 ) Zoomto(evt,450);
if (realzoom < 5.0 && realzoom >= 4.5 ) Zoomto(evt,500);
if (realzoom < 5.5 && realzoom >= 5 ) Zoomto(evt,550);
if (realzoom < 6.0 && realzoom >= 5.5 ) Zoomto(evt,600);
if (realzoom < 6.5 && realzoom >= 6 ) Zoomto(evt,650);
if (realzoom < 7.0 && realzoom >= 6.5 ) Zoomto(evt,700);
if (realzoom < 7.5 && realzoom >= 7 ) Zoomto(evt,750);
if (realzoom < 8.0 && realzoom >= 7.5 ) Zoomto(evt,800);
if (realzoom < 8.5 && realzoom >= 8 ) Zoomto(evt,850);
if (realzoom < 9.0 && realzoom >= 8.5 ) Zoomto(evt,900);
if (realzoom < 9.5 && realzoom >= 9.0 ) Zoomto(evt,950);
if (realzoom >= 9.50) Zoomto(evt,1000);
objbgrectevt = svgdoc.getElementById('bgrectevt');
objbgrectevt.getStyle().setProperty('pointer-events','none');
objbgrectevt.getStyle().setProperty('visibility','hidden');
}
Rpressed = 0;
}

function beginPan(evt)
{
svgdoc=evt.getTarget().getOwnerDocument();
svgRect = svgdoc.getElementById('locationRect');
pressed = 1;
rectOvewidth = parseFloat(svgRect.getAttributeNS(null,'width'));
rectOveheight = parseFloat(svgRect.getAttributeNS(null,'height'));
evtX = parseFloat(evt.clientX);
evtY = parseFloat(evt.clientY);
rectUlXCorner = parseFloat(svgRect.getAttributeNS(null,'x'));
rectUlYCorner = parseFloat(svgRect.getAttributeNS(null,'y'));
}

function endPan(evt)
{
svgdoc=evt.getTarget().getOwnerDocument();
svgRect = svgdoc.getElementById('locationRect');
svgMainViewport = svgdoc.getElementById('mapid');
rectOveXcorner = parseFloat(svgRect.getAttributeNS(null,'x'));
rectOveYcorner = parseFloat(svgRect.getAttributeNS(null,'y'));
y = svgMainViewport.currentTranslate.y;
x = svgMainViewport.currentTranslate.x;
rectOveYcorner = parseFloat(rectOveYcorner + (qualityfactor*y*100/zoomVal));
rectOveXcorner = parseFloat(rectOveXcorner + (qualityfactor*x*100/zoomVal));
rectOvewidth = parseFloat(svgRect.getAttributeNS(null,'width'));
rectOveheight = parseFloat(svgRect.getAttributeNS(null,'height'));
newViewport = rectOveXcorner + ' ' + rectOveYcorner + ' ' + rectOvewidth + ' ' + rectOveheight;
svgMainViewport.setAttributeNS(null,'viewBox',newViewport);
if (pressed == 1)
  {
  checkForTiles(evt);
  }
pressed = 0;
}

function get_target (evt){
var target = evt.getTarget();
while (target && !target.getAttributeNS(null,'id'))target = target.getParentNode();
return target;
}

function switchZoomColor (evt,id,property,newcolor)
{
svgdoc = evt.getTarget().getOwnerDocument();
var obj = svgdoc.getElementById(id);
obj.getStyle().setProperty(property, newcolor);
}

function reload(evt)
{
svgdoc=evt.getTarget().getOwnerDocument();
var targetobj = svgdoc.getElementById('mapWindow');
var parentobj = targetobj.getParentNode();targetobj.getParentNode().appendChild(targetobj);
}

function addLayer(url, grp){
getURL(url,getCallbackHandler(grp));
}

function removeLayer(id,from)
{

var nodeToRemove = document.getElementById(id);
var parent=document.getElementById(from);
parent.removeChild(nodeToRemove);
}

function Rectangle(x,y,w,h)
{
this.x = x;
this.y = y;
this.w = w;
this.h = h;
}

function Point(x,y)
{
this.x = x;
this.y = y;
}


	W 3 C h i n a ( since 2003 ) 旗下站点苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》	328.125ms