openatc-components 0.0.2 → 0.0.3

package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/RampNorthSvg.vue

@@ -0,0 +1,336 @@
+/**
+ * Copyright (c) 2020 kedacom
+ * OpenATC is licensed under Mulan PSL v2.
+ * You can use this software according to the terms and conditions of the Mulan PSL v2.
+ * You may obtain a copy of Mulan PSL v2 at:
+ * http://license.coscl.org.cn/MulanPSL2
+ * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
+ * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
+ * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
+ * See the Mulan PSL v2 for more details.
+ **/
+<template>
+  <svg
+    version="1.1"
+    id="图层_1"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    x="0px"
+    y="0px"
+    viewBox="0 0 870 650"
+    style="enable-background:new 0 0 870 650;"
+    xml:space="preserve"
+    :width="Width"
+    :height="Height"
+  >
+    <rect x="0.7" y="340.6" class="st0" width="869.6" height="3"></rect>
+    <g>
+      <path
+        class="st1"
+        d="M365.5,370.8c0,0,10.3,38.5,10.3,43.1c0,4.5,8.9,46.2,8.9,46.2s15.6,100.4,16,117.2c0,0,3.9,35.9,7.7,72.7
+h223.1V0.3h-16.4H454.3H234.8c9.8,25.4,57.5,148.9,59.2,156.9L365.5,370.8z"
+      ></path>
+      <g>
+        <line class="st2" x1="398" y1="577.2" x2="399" y2="576.8"></line>
+      </g>
+      <g>
+        <line class="st2" x1="415" y1="562" x2="415" y2="562"></line>
+      </g>
+      <g>
+        <line class="st2" x1="397.5" y1="163.1" x2="398.5" y2="162.8"></line>
+      </g>
+      <g>
+        <rect
+          x="345.1"
+          y="273.1"
+          transform="matrix(0.953 -0.3031 0.3031 0.953 -65.7519 126.5452)"
+          class="st3"
+          width="59.4"
+          height="4"
+        ></rect>
+      </g>
+      <g>
+        <g>
+          <g>
+            <path
+              class="st3"
+              d="M496,626.1v-25.5h2v25.5H496z M496,575.1v-25.5h2v25.5H496z M496,524v-25.5h2V524H496z M496,473v-25.5h2
+V473H496z M496,421.9v-25.5h2v25.5H496z M496,370.8v-25.5h2v25.5H496z M496,319.8v-25.5h2v25.5H496z M496,268.7v-25.5h2v25.5
+H496z M496,217.6v-25.5h2v25.5H496z M496,166.6V141h2v25.5h-2V166.6z M496,115.5V90h2v25.5H496z M496,64.4V38.9h2v25.5H496z"
+            ></path>
+          </g>
+          <g>
+            <rect x="496" y="0.4" class="st3" width="2" height="13"></rect>
+          </g>
+        </g>
+      </g>
+      <g>
+        <g>
+          <g>
+            <path
+              class="st3"
+              d="M557.2,626.1v-25.5h2v25.5H557.2z M557.2,575.1v-25.5h2v25.5H557.2z M557.2,524v-25.5h2V524H557.2z
+M557.2,473v-25.5h2V473H557.2z M557.2,421.9v-25.5h2v25.5H557.2z M557.2,370.8v-25.5h2v25.5H557.2z M557.2,319.8v-25.5h2v25.5
+H557.2z M557.2,268.7v-25.5h2v25.5H557.2z M557.2,217.6v-25.5h2v25.5H557.2z M557.2,166.6V141h2v25.5h-2V166.6z M557.2,115.5V90
+h2v25.5H557.2z M557.2,64.4V38.9h2v25.5H557.2z"
+            ></path>
+          </g>
+          <g>
+            <rect x="557.2" y="0.3" class="st3" width="2" height="13.1"></rect>
+          </g>
+        </g>
+      </g>
+      <g>
+        <path class="st4" d="M436,447.5"></path>
+      </g>
+      <g>
+        <path
+          class="st3"
+          d="M434.9,578.3v-20h2v20H434.9z M434.9,544.3v-20h2v20H434.9z M434.9,510.3v-20h2v20H434.9z M435,476.3v-20h2
+v20H435z M435,442.3v-20h2v20H435z M435,408.3v-20h2v20H435z"
+        ></path>
+      </g>
+      <g>
+        <polygon class="st5" points="436.9,335.7 436,335.4 436,338.6"></polygon>
+      </g>
+      <g>
+        <polygon class="st5" points="436.5,315.4 436.1,315.3 436.1,316.7"></polygon>
+      </g>
+      <g>
+        <polygon class="st5" points="436.5,291.7 436.1,291.6 436.1,293.9"></polygon>
+      </g>
+      <g>
+        <polygon
+          class="st5"
+          points="422.3,336.5 423.1,339.4 425,342.9 429.3,340.8 435,342.4 436,338.6 436,335.4 428.5,333.4"
+        ></polygon>
+      </g>
+      <g>
+        <polygon
+          class="st5"
+          points="417.5,316.6 420,323.1 427.1,320.4 434.9,322.2 436.1,316.7 436.1,315.3 426.6,313.1"
+        ></polygon>
+      </g>
+      <g>
+        <polygon
+          class="st5"
+          points="410,294.6 412.9,301 423,296.3 435.4,298.6 436.1,293.9 436.1,291.6 422,289.1"
+        ></polygon>
+      </g>
+      <g>
+        <polygon
+          class="st5"
+          points="403.9,274.9 407.1,281.1 421.6,273.3 436.3,278.2 436.3,270.8 421,265.7"
+        ></polygon>
+      </g>
+      <g>
+        <polygon
+          class="st5"
+          points="397.1,253.6 400.8,259.6 417.8,249.3 436.3,257.2 436.3,257.2 436.3,249.6 417.1,241.5"
+        ></polygon>
+      </g>
+      <g>
+        <polygon
+          class="st5"
+          points="389.1,228.4 392.6,234.5 412.5,223.2 435.8,233.4 436.4,232 436.4,226 412,215.4"
+        ></polygon>
+      </g>
+      <g>
+        <polygon
+          class="st5"
+          points="383,209.4 386.5,215.4 411.6,200.3 436.4,210.9 436.5,203.3 411.1,192.5"
+        ></polygon>
+      </g>
+      <g>
+        <polygon
+          class="st5"
+          points="376.6,189 378.9,195.9 409,176.7 436.5,188.3 436.5,188.2 436.5,180.7 408.4,168.8"
+        ></polygon>
+      </g>
+      <g>
+        <polygon
+          class="st5"
+          points="366.8,163.3 369,170.3 401.4,147.2 436.5,161.5 436.5,153.9 400.4,139.3"
+        ></polygon>
+      </g>
+      <g>
+        <polygon
+          class="st5"
+          points="358,135.7 360.3,142.7 397.3,116.3 436.5,130.1 436.6,129.7 436.6,122.7 396.1,108.5"
+        ></polygon>
+      </g>
+      <g>
+        <polygon
+          class="st5"
+          points="349.5,106.1 350,107.4 351,113.7 351,113.8 393.5,81.9 436.3,100.6 436.6,99.6 436.8,93.1
+392.5,73.9"
+        ></polygon>
+      </g>
+      <g>
+        <polygon
+          class="st5"
+          points="356,58.6 354.4,68.9 385.5,44.2 436.8,63.1 436.9,55.6 384.4,36.2"
+        ></polygon>
+      </g>
+      <g>
+        <path
+          class="st5"
+          d="M424.6,611.4l-9.2,7c0.3,2.7,0.6,5.4,0.8,8.2l8.5-6.5l10.8,7.6l1.3-1.9V620L424.6,611.4z"
+        ></path>
+      </g>
+      <g>
+        <path
+          class="st5"
+          d="M437,596.7l-13.7-11.1l-10.4,9c0.3,2.8,0.6,5.6,0.9,8.5l9.6-8.3l12.3,10l1.2-1.4L437,596.7L437,596.7z"
+        ></path>
+      </g>
+      <g>
+        <path
+          class="st5"
+          d="M416.5,557l-6.7,9.7c0.4,3.5,0.8,7,1.2,10.5l7.1-10.2l14.2,10.5l0.5-0.7l-2.3-9.3L416.5,557z"
+        ></path>
+      </g>
+      <g>
+        <path
+          class="st5"
+          d="M413,533.6l-6.2,9c0.4,3.5,0.9,6.9,1.3,10.4l6.6-9.5l12.2,9l-2.6-10.7L413,533.6z"
+        ></path>
+      </g>
+      <g>
+        <g>
+          <rect
+            x="329.3"
+            y="29"
+            transform="matrix(0.9361 -0.3516 0.3516 0.9361 5.2689 119.0077)"
+            class="st3"
+            width="2"
+            height="32"
+          ></rect>
+        </g>
+        <g>
+          <polygon class="st3" points="312.6,0.3 312.5,0.4 315,6.9 316.9,6.2 314.5,0.3"></polygon>
+        </g>
+      </g>
+      <g>
+        <path
+          class="st5"
+          d="M362.1,14.6c-0.7,3.5-1.5,7.1-2.2,10.6c-1.3,6.6-2.5,13.3-3.7,19.9c-2,11.3-3.9,22.7-5.3,34.1
+c-1,8.1-2.6,16.2-2.6,24.4c0,8.6,2.6,16,5.5,24c2.7,7.7,5.5,15.3,8.2,23c5,14.2,10,28.5,14.9,42.8c8.3,24.4,16.5,48.8,24.3,73.3
+c6.2,19.4,12.1,38.8,17.8,58.3c4.3,14.9,8.5,29.8,12.4,44.9c1.9,7.5,3.8,15.1,5.6,22.7v-9.3c0-2.7-1.5-6.1-2.2-8.7
+c-0.8-3.2-1.6-6.4-2.5-9.6c-1.9-7.2-3.8-14.3-5.8-21.5c-4.9-17.7-10.2-35.2-15.6-52.8c-6.9-22.5-14.2-44.8-21.6-67.2
+c-9.3-27.8-18.9-55.5-28.7-83.1c-2.2-6.1-4.3-12.1-6.5-18.2c-3.9-10.7-3.9-20.6-2.6-31.8c1.4-12,3.4-24,5.3-35.9
+c1.7-10.5,3.6-20.9,5.6-31.3c0.7-3.6,1.4-7.1,2.2-10.7c0.5-2.5,1-5,1.6-7.5c0.4-1.6,0.8-3.3,1.2-5h-2
+C364.1,5.1,363.1,9.9,362.1,14.6z"
+        ></path>
+      </g>
+      <g>
+        <path
+          class="st5"
+          d="M380.3,0.2l-15.7,12.5c-0.7,3.5-1.5,7.1-2.2,10.7L385.5,5l51.2,18.9v-7.5L392.9,0.2H380.3z"
+        ></path>
+      </g>
+      <!-- <g id="直行_2_">
+        <polygon
+          class="st6"
+          points="585.5,200.1 585.5,245 578.7,245 588.2,261.7 597.6,245 591,245 591,200.1"
+        ></polygon>
+      </g> -->
+      <g id="直行_1_">
+        <polygon
+          class="st6"
+          points="524.7,200.1 524.7,245 518,245 527.5,261.7 536.8,245 530.2,245 530.2,200.1"
+        ></polygon>
+      </g>
+      <!-- <g id="直行">
+        <polygon
+          class="st6"
+          points="464.4,200.1 464.4,245 457.6,245 467.1,261.7 476.5,245 469.9,245 469.9,200.1"
+        ></polygon>
+      </g> -->
+      <g id="支路箭头">
+        <polygon
+          class="st6"
+          points="333.3,162.3 348.2,204.7 341.8,206.9 356.3,219.5 359.6,200.7 353.4,202.9 338.5,160.4"
+        ></polygon>
+      </g>
+      <path
+        class="st5"
+        d="M419.5,650l6.8-6.4l7,6.4h3.2l0.2-0.2v-6.1l-10.3-9.6l-8.6,8c0.2,2.2,0.4,4.5,0.6,6.7L419.5,650z"
+      ></path>
+      <polygon class="st5" points="437,650 437,596.8 435,585.3 435,650"></polygon>
+      <path
+        class="st5"
+        d="M417.6,650h2c-7.6-79.8-18-165.1-31.8-231.4c19.3,65,36.5,128.6,49.1,184.7v-6.6v-2.4
+c-1.1-4.8-2.3-9.7-3.4-14.6l-9.5-38.3c-11-43-23.9-88.6-37.7-134.8l-18.7-60.7c-43-136.8-91.1-270.1-121.5-345.5H244
+c33.7,83.4,89.5,239,135.8,391.2C396.6,460.5,408.9,558.8,417.6,650z"
+      ></path>
+      <rect x="630.5" y="0.3" class="st7" width="2" height="649.7"></rect>
+      <rect x="618.1" y="0.3" class="st3" width="2" height="649.7"></rect>
+      <path
+        class="st7"
+        d="M407.6,650h2c-8.8-91.8-21.2-190.9-38.2-260v-0.1C325.3,238.2,270.5,85.5,236.2,0.3H234
+c34.3,85,89.3,238.1,135.5,390.2C386.4,459.5,398.8,558.3,407.6,650z"
+      ></path>
+      <path
+        class="st8"
+        d="M391.6,650h2c-8.8-91.8-21.2-190.9-38.2-260v-0.1C309.3,238.2,254.5,85.5,220.2,0.3H218
+c34.3,85,89.3,238.1,135.5,390.2C370.4,459.5,382.8,558.3,391.6,650z"
+      ></path>
+      <polygon class="st8" points="652,650 652,0.5 650,0.4 650,650"></polygon>
+      <polygon class="st5" points="435,384.1 437,390.1 437,84.1 437,1.1 437,0 435,0"></polygon>
+    </g>
+  </svg>
+</template>
+<script>
+export default {
+  name: 'rampNorthroad',
+  data () {
+    return {}
+  },
+  props: {
+    Width: {
+      type: String,
+      default: '870px'
+    },
+    Height: {
+      type: String,
+      default: '650px'
+    }
+  },
+  methods: {},
+  mounted () {}
+}
+</script>
+<style scoped>
+.st0 {
+  display: none;
+  fill: #ccb63a;
+}
+.st1 {
+  fill: #3d3939;
+}
+.st2 {
+  fill: none;
+}
+.st3 {
+  fill: #dddddd;
+}
+.st4 {
+  fill: none;
+  stroke: #dddddd;
+  stroke-width: 2;
+  stroke-miterlimit: 10;
+}
+.st5 {
+  fill: #e0e0e0;
+}
+.st6 {
+  fill: #fcfcfc;
+}
+.st7 {
+  fill: #ccb63a;
+}
+.st8 {
+  fill: #e5e5d8;
+}
+</style>

package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/RampSouthSvg.vue

@@ -0,0 +1,345 @@
+/**
+ * Copyright (c) 2020 kedacom
+ * OpenATC is licensed under Mulan PSL v2.
+ * You can use this software according to the terms and conditions of the Mulan PSL v2.
+ * You may obtain a copy of Mulan PSL v2 at:
+ * http://license.coscl.org.cn/MulanPSL2
+ * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
+ * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
+ * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
+ * See the Mulan PSL v2 for more details.
+ **/
+<template>
+  <svg
+    version="1.1"
+    id="图层_1"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    x="0px"
+    y="0px"
+    viewBox="0 0 870 650"
+    style="enable-background:new 0 0 870 650;"
+    xml:space="preserve"
+    :width="Width"
+    :height="Height"
+  >
+    <rect x="0.7" y="340.6" class="st0" width="869.6" height="3"></rect>
+    <g>
+      <path
+        class="st1"
+        d="M504.5,279.2c0,0-10.3-38.5-10.3-43.1c0-4.5-8.9-46.2-8.9-46.2s-15.6-100.4-16-117.2c0,0-3.9-35.9-7.7-72.7
+H238.5v649.7h16.4h160.8h219.6c-9.8-25.4-57.5-148.9-59.2-156.9L504.5,279.2z"
+      ></path>
+      <g>
+        <line class="st2" x1="472" y1="72.8" x2="471" y2="73.2"></line>
+      </g>
+      <g>
+        <line class="st2" x1="455" y1="88" x2="455" y2="88"></line>
+      </g>
+      <g>
+        <line class="st2" x1="472.5" y1="486.9" x2="471.5" y2="487.2"></line>
+      </g>
+      <g>
+        <rect
+          x="465.6"
+          y="372.9"
+          transform="matrix(0.953 -0.3031 0.3031 0.953 -90.3331 167.7638)"
+          class="st3"
+          width="59.4"
+          height="4"
+        ></rect>
+      </g>
+      <g>
+        <g>
+          <g>
+            <path
+              class="st3"
+              d="M374,23.9v25.5h-2V23.9H374z M374,74.9v25.5h-2V74.9H374z M374,126v25.5h-2V126H374z M374,177v25.5h-2V177
+H374z M374,228.1v25.5h-2v-25.5H374z M374,279.2v25.5h-2v-25.5H374z M374,330.2v25.5h-2v-25.5H374z M374,381.3v25.5h-2v-25.5
+H374z M374,432.4v25.5h-2v-25.5H374z M374,483.4V509h-2v-25.5h2V483.4z M374,534.5V560h-2v-25.5H374z M374,585.6v25.5h-2v-25.5
+H374z"
+            ></path>
+          </g>
+          <g>
+            <rect x="372" y="636.6" class="st3" width="2" height="13"></rect>
+          </g>
+        </g>
+      </g>
+      <g>
+        <g>
+          <g>
+            <path
+              class="st3"
+              d="M312.8,23.9v25.5h-2V23.9H312.8z M312.8,74.9v25.5h-2V74.9H312.8z M312.8,126v25.5h-2V126H312.8z
+M312.8,177v25.5h-2V177H312.8z M312.8,228.1v25.5h-2v-25.5H312.8z M312.8,279.2v25.5h-2v-25.5H312.8z M312.8,330.2v25.5h-2
+v-25.5H312.8z M312.8,381.3v25.5h-2v-25.5H312.8z M312.8,432.4v25.5h-2v-25.5H312.8z M312.8,483.4V509h-2v-25.5h2V483.4z
+M312.8,534.5V560h-2v-25.5H312.8z M312.8,585.6v25.5h-2v-25.5H312.8z"
+            ></path>
+          </g>
+          <g>
+            <rect x="310.8" y="636.6" class="st3" width="2" height="13.1"></rect>
+          </g>
+        </g>
+      </g>
+      <g>
+        <path class="st4" d="M434,202.5"></path>
+      </g>
+      <g>
+        <path
+          class="st3"
+          d="M435.1,71.7v20h-2v-20H435.1z M435.1,105.7v20h-2v-20H435.1z M435.1,139.7v20h-2v-20H435.1z M435,173.7v20h-2
+v-20H435z M435,207.7v20h-2v-20H435z M435,241.7v20h-2v-20L435,241.7z"
+        ></path>
+      </g>
+      <g>
+        <polygon class="st5" points="433.1,314.3 434,314.6 434,311.4"></polygon>
+      </g>
+      <g>
+        <polygon class="st5" points="433.5,334.6 433.9,334.7 433.9,333.3"></polygon>
+      </g>
+      <g>
+        <polygon class="st5" points="433.5,358.3 433.9,358.4 433.9,356.1"></polygon>
+      </g>
+      <g>
+        <polygon
+          class="st5"
+          points="447.8,313.5 446.9,310.6 445,307.1 440.8,309.2 435,307.6 434,311.4 434,314.6 441.5,316.6"
+        ></polygon>
+      </g>
+      <g>
+        <polygon
+          class="st5"
+          points="452.5,333.4 450,326.9 442.9,329.6 435.1,327.8 433.9,333.3 433.9,334.7 443.4,336.9"
+        ></polygon>
+      </g>
+      <g>
+        <polygon
+          class="st5"
+          points="460,355.4 457.1,349 447,353.7 434.6,351.4 433.9,356.1 433.9,358.4 448,360.9"
+        ></polygon>
+      </g>
+      <g>
+        <polygon
+          class="st5"
+          points="466.1,375.1 462.9,368.9 448.4,376.7 433.8,371.8 433.8,379.2 449,384.3"
+        ></polygon>
+      </g>
+      <g>
+        <polygon
+          class="st5"
+          points="472.9,396.4 469.3,390.4 452.3,400.7 433.8,392.8 433.8,392.8 433.8,400.4 452.9,408.5"
+        ></polygon>
+      </g>
+      <g>
+        <polygon
+          class="st5"
+          points="480.9,421.6 477.4,415.5 457.5,426.8 434.3,416.6 433.6,418 433.6,424 458,434.6"
+        ></polygon>
+      </g>
+      <g>
+        <polygon
+          class="st5"
+          points="487,440.6 483.5,434.6 458.4,449.7 433.6,439.1 433.5,446.7 458.9,457.5"
+        ></polygon>
+      </g>
+      <g>
+        <polygon
+          class="st5"
+          points="493.4,461 491.1,454.1 461,473.3 433.5,461.7 433.5,461.8 433.5,469.3 461.6,481.2"
+        ></polygon>
+      </g>
+      <g>
+        <polygon
+          class="st5"
+          points="503.3,486.7 501,479.7 468.6,502.8 433.5,488.5 433.5,496.1 469.6,510.7"
+        ></polygon>
+      </g>
+      <g>
+        <polygon
+          class="st5"
+          points="512,514.3 509.8,507.3 472.8,533.7 433.5,519.9 433.4,520.3 433.4,527.3 473.9,541.5"
+        ></polygon>
+      </g>
+      <g>
+        <polygon
+          class="st5"
+          points="520.5,543.9 520,542.6 519,536.3 519,536.2 476.5,568.1 433.8,549.4 433.4,550.4 433.3,556.9
+477.5,576.1"
+        ></polygon>
+      </g>
+      <g>
+        <polygon
+          class="st5"
+          points="514,591.4 515.7,581.1 484.5,605.8 433.3,586.9 433.1,594.4 485.6,613.8"
+        ></polygon>
+      </g>
+      <g>
+        <path
+          class="st5"
+          d="M445.4,38.6l9.2-7c-0.3-2.7-0.6-5.4-0.8-8.2l-8.5,6.5l-10.8-7.6l-1.3,1.9V30L445.4,38.6z"
+        ></path>
+      </g>
+      <g>
+        <path
+          class="st5"
+          d="M433,53.3l13.7,11.1l10.4-9c-0.3-2.8-0.6-5.6-0.9-8.5l-9.6,8.3l-12.3-10l-1.2,1.4L433,53.3L433,53.3z"
+        ></path>
+      </g>
+      <g>
+        <path
+          class="st5"
+          d="M453.5,93l6.7-9.7c-0.4-3.5-0.8-7-1.2-10.5L451.9,83l-14.2-10.5l-0.5,0.7l2.3,9.3L453.5,93z"
+        ></path>
+      </g>
+      <g>
+        <path
+          class="st5"
+          d="M457,116.4l6.2-9c-0.4-3.5-0.9-6.9-1.3-10.4l-6.6,9.5l-12.2-9l2.6,10.7L457,116.4z"
+        ></path>
+      </g>
+      <g>
+        <g>
+          <rect
+            x="538.7"
+            y="589"
+            transform="matrix(0.9361 -0.3516 0.3516 0.9361 -178.2566 228.3864)"
+            class="st3"
+            width="2"
+            height="32"
+          ></rect>
+        </g>
+        <g>
+          <polygon
+            class="st3"
+            points="557.4,649.7 557.5,649.6 555,643.1 553.2,643.8 555.5,649.7"
+          ></polygon>
+        </g>
+      </g>
+      <g>
+        <path
+          class="st5"
+          d="M507.9,635.4c0.7-3.5,1.5-7.1,2.2-10.6c1.3-6.6,2.5-13.3,3.7-19.9c2-11.3,3.9-22.7,5.3-34.1
+c1-8.1,2.6-16.2,2.6-24.4c0-8.6-2.6-16-5.5-24c-2.7-7.7-5.5-15.3-8.2-23c-5-14.2-10-28.5-14.9-42.8c-8.3-24.4-16.5-48.8-24.3-73.3
+c-6.2-19.4-12.1-38.8-17.8-58.3c-4.3-14.9-8.5-29.8-12.4-44.9c-1.9-7.5-3.8-15.1-5.6-22.7v9.3c0,2.7,1.5,6.1,2.2,8.7
+c0.8,3.2,1.6,6.4,2.5,9.6c1.9,7.2,3.8,14.3,5.8,21.5c4.9,17.7,10.2,35.2,15.6,52.8c6.9,22.5,14.2,44.8,21.6,67.2
+c9.3,27.8,18.9,55.5,28.7,83.1c2.2,6.1,4.3,12.1,6.5,18.2c3.9,10.7,3.9,20.6,2.6,31.8c-1.4,12-3.4,24-5.3,35.9
+c-1.7,10.5-3.6,20.9-5.6,31.3c-0.7,3.6-1.4,7.1-2.2,10.7c-0.5,2.5-1,5-1.6,7.5c-0.4,1.6-0.8,3.3-1.2,5h2
+C505.9,644.9,506.9,640.1,507.9,635.4z"
+        ></path>
+      </g>
+      <g>
+        <path
+          class="st5"
+          d="M489.8,649.8l15.7-12.5c0.7-3.5,1.5-7.1,2.2-10.7L484.5,645l-51.2-18.9v7.5l43.9,16.2H489.8z"
+        ></path>
+      </g>
+      <!-- <g id="直行_2_">
+        <polygon
+          class="st6"
+          points="284.5,449.9 284.5,405 291.3,405 281.8,388.3 272.4,405 279,405 279,449.9"
+        ></polygon>
+      </g> -->
+      <g id="直行_1_">
+        <polygon
+          class="st6"
+          points="345.3,449.9 345.3,405 352,405 342.5,388.3 333.2,405 339.8,405 339.8,449.9"
+        ></polygon>
+      </g>
+      <!-- <g id="直行">
+        <polygon
+          class="st6"
+          points="405.6,449.9 405.6,405 412.4,405 402.9,388.3 393.5,405 400.1,405 400.1,449.9"
+        ></polygon>
+      </g> -->
+      <g id="支路箭头">
+        <polygon
+          class="st6"
+          points="536.7,487.7 521.8,445.3 528.2,443.1 513.7,430.5 510.4,449.3 516.6,447.1 531.5,489.6"
+        ></polygon>
+      </g>
+      <path
+        class="st5"
+        d="M450.5,0l-6.8,6.4l-7-6.4h-3.2l-0.2,0.2v6.1l10.3,9.6l8.6-8c-0.2-2.2-0.4-4.5-0.6-6.7L450.5,0z"
+      ></path>
+      <polygon class="st5" points="433,0 433,53.2 435,64.7 435,0"></polygon>
+      <path
+        class="st5"
+        d="M452.4,0h-2c7.6,79.8,18,165.1,31.8,231.4c-19.3-65-36.5-128.6-49.1-184.7v6.6v2.4c1.1,4.8,2.3,9.7,3.4,14.6
+l9.5,38.3c11,43,23.9,88.6,37.7,134.8l18.7,60.7c43,136.8,91.1,270.1,121.5,345.5h2.2c-33.7-83.4-89.5-239-135.8-391.2
+C473.4,189.5,461.1,91.2,452.4,0z"
+      ></path>
+      <rect x="237.5" y="0" class="st7" width="2" height="649.7"></rect>
+      <rect x="249.9" y="0" class="st3" width="2" height="649.7"></rect>
+      <path
+        class="st7"
+        d="M462.4,0h-2c8.8,91.8,21.2,190.9,38.2,260v0.1c46.1,151.7,100.9,304.4,135.2,389.6h2.2
+c-34.3-85-89.3-238.1-135.5-390.2C483.6,190.5,471.2,91.7,462.4,0z"
+      ></path>
+      <path
+        class="st8"
+        d="M478.4,0h-2c8.8,91.8,21.2,190.9,38.2,260v0.1c46.1,151.7,100.9,304.4,135.2,389.6h2.2
+c-34.3-85-89.3-238.1-135.5-390.2C499.6,190.5,487.2,91.7,478.4,0z"
+      ></path>
+      <polygon class="st8" points="218,0 218,649.5 220,649.6 220,0"></polygon>
+      <g>
+        <polygon
+          class="st5"
+          points="435,265.6 433,259.6 433,565.6 433,648.6 433,649.7 435,649.7"
+        ></polygon>
+      </g>
+    </g>
+  </svg>
+</template>
+<script>
+export default {
+  name: 'rampSouthroad',
+  data () {
+    return {}
+  },
+  props: {
+    Width: {
+      type: String,
+      default: '870px'
+    },
+    Height: {
+      type: String,
+      default: '650px'
+    }
+  },
+  methods: {},
+  mounted () {}
+}
+</script>
+<style scoped>
+.st0 {
+  display: none;
+  fill: #ccb63a;
+}
+.st1 {
+  fill: #3d3939;
+}
+.st2 {
+  fill: none;
+}
+.st3 {
+  fill: #dddddd;
+}
+.st4 {
+  fill: none;
+  stroke: #dddddd;
+  stroke-width: 2;
+  stroke-miterlimit: 10;
+}
+.st5 {
+  fill: #e0e0e0;
+}
+.st6 {
+  fill: #fcfcfc;
+}
+.st7 {
+  fill: #ccb63a;
+}
+.st8 {
+  fill: #e5e5d8;
+}
+</style>