openatc-components 0.3.13 → 0.3.15

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

@@ -1,345 +1,359 @@
-/**
- * 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>
+/**
+ * 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"
+  >
+    <g>
+      <path
+        class="st0"
+        d="M504.5,279.1c0,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.8
+   H238.5v649.8h16.4h160.8l219.7,0c-9.8-25.4-57.6-148.9-59.3-156.9L504.5,279.1z"
+      />
+      <g>
+        <line class="st1" x1="472.1" y1="72.7" x2="471.1" y2="73.1" />
+      </g>
+      <g>
+        <line class="st1" x1="455.1" y1="87.9" x2="455.1" y2="87.9" />
+      </g>
+      <g>
+        <rect
+          x="467.4"
+          y="372.5"
+          transform="matrix(0.953 -0.3031 0.3031 0.953 -90.1755 168.0051)"
+          class="st2"
+          width="57.5"
+          height="4"
+        />
+      </g>
+      <g>
+        <path class="st3" d="M434.1,202.4" />
+      </g>
+      <g>
+        <polygon class="st4" points="433.2,314.2 434.1,314.5 434.1,311.3" />
+      </g>
+      <g>
+        <polygon class="st4" points="433.6,334.5 434,334.6 434,333.2" />
+      </g>
+      <g>
+        <polygon class="st4" points="433.6,358.2 434,358.3 434,356" />
+      </g>
+      <g>
+        <path
+          class="st4"
+          d="M445.5,38.5l9.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.9v5.8L445.5,38.5z"
+        />
+      </g>
+      <g>
+        <path
+          class="st4"
+          d="M433.1,53.2l13.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.1,53.2L433.1,53.2z"
+        />
+      </g>
+      <g>
+        <path
+          class="st4"
+          d="M453.6,91.1l6.7-9.7c-0.4-3.5-0.8-7-1.2-10.5L452,81.1l-14.2-10.5l-0.5,0.7l2.3,9.3L453.6,91.1z"
+        />
+      </g>
+      <g>
+        <path
+          class="st4"
+          d="M457.1,116.3l6.2-9c-0.4-3.5-0.9-6.9-1.3-10.4l-6.6,9.5l-12.2-9l2.6,10.7L457.1,116.3z"
+        />
+      </g>
+      <g>
+        <path
+          class="st4"
+          d="M462.2,143l5-9c-0.3-3.5-0.7-6.9-1-10.4l-5.3,9.5l-9.9-9l2.1,10.7L462.2,143z"
+        />
+      </g>
+      <g>
+        <path
+          class="st4"
+          d="M468.5,171.5l3.1-9.2c-0.5-3.5-1-6.8-1.5-10.3l-3.3,9.7l-7.9-8.5l2.3,10.6L468.5,171.5z"
+        />
+      </g>
+      <g id="直行_2_">
+        <polygon
+          class="st5"
+          points="345.4,449.8 345.4,404.8 352.1,404.8 342.6,388.2 333.3,404.8 339.9,404.8 339.9,449.8"
+        />
+      </g>
+      <g id="支路箭头_1_">
+        <polygon
+          class="st5"
+          points="536.8,487.6 521.9,445.2 528.3,442.9 513.8,430.4 510.5,449.2 516.7,447 531.6,489.4"
+        />
+      </g>
+      <g id="XMLID_22_">
+        <g>
+          <rect x="310.9" y="-0.2" class="st2" width="2" height="8" />
+        </g>
+      </g>
+      <rect x="372.1" y="-0.2" class="st2" width="2" height="8" />
+      <g id="XMLID_21_">
+        <g>
+          <rect x="310.9" y="31.8" class="st2" width="2" height="12" />
+        </g>
+      </g>
+      <rect x="372.1" y="31.8" class="st2" width="2" height="12" />
+      <g id="XMLID_3_">
+        <g>
+          <rect x="310.9" y="67.8" class="st2" width="2" height="12" />
+        </g>
+      </g>
+      <rect x="372.1" y="67.8" class="st2" width="2" height="12" />
+      <g id="XMLID_10_">
+        <g>
+          <rect x="310.9" y="95.8" class="st2" width="2" height="12" />
+        </g>
+      </g>
+      <rect x="372.1" y="95.8" class="st2" width="2" height="12" />
+      <g id="XMLID_9_">
+        <g>
+          <rect x="310.9" y="131.8" class="st2" width="2" height="12" />
+        </g>
+      </g>
+      <rect x="372.1" y="131.8" class="st2" width="2" height="12" />
+      <g id="XMLID_8_">
+        <g>
+          <rect x="310.9" y="167.8" class="st2" width="2" height="12" />
+        </g>
+      </g>
+      <rect x="372.1" y="167.8" class="st2" width="2" height="12" />
+      <g id="XMLID_7_">
+        <g>
+          <rect x="310.9" y="203.8" class="st2" width="2" height="12" />
+        </g>
+      </g>
+      <rect x="372.1" y="203.8" class="st2" width="2" height="12" />
+      <g id="XMLID_6_">
+        <g>
+          <rect x="310.9" y="239.8" class="st2" width="2" height="12" />
+        </g>
+      </g>
+      <rect x="372.1" y="239.8" class="st2" width="2" height="12" />
+      <g>
+        <rect x="432.5" y="75.5" class="st2" width="3.3" height="12" />
+        <rect x="432.5" y="111.5" class="st2" width="3.3" height="12" />
+        <rect x="432.5" y="147.5" class="st2" width="3.3" height="12" />
+        <rect x="432.5" y="183.5" class="st2" width="3.3" height="12" />
+        <rect x="432.5" y="219.5" class="st2" width="3.3" height="12" />
+        <rect x="432.5" y="255.5" class="st2" width="3.3" height="12" />
+      </g>
+      <g id="XMLID_5_">
+        <g>
+          <rect x="310.9" y="275.8" class="st2" width="2" height="12" />
+        </g>
+      </g>
+      <rect x="372.1" y="275.8" class="st2" width="2" height="12" />
+      <g id="XMLID_4_">
+        <g>
+          <rect x="310.9" y="311.8" class="st2" width="2" height="12" />
+        </g>
+      </g>
+      <rect x="372.1" y="311.8" class="st2" width="2" height="12" />
+      <g id="XMLID_2_">
+        <g>
+          <rect x="310.9" y="347.8" class="st2" width="2" height="12" />
+        </g>
+      </g>
+      <rect x="372.1" y="347.8" class="st2" width="2" height="12" />
+      <g id="XMLID_1_">
+        <g>
+          <rect x="310.9" y="383.8" class="st2" width="2" height="12" />
+        </g>
+      </g>
+      <rect x="372.1" y="383.8" class="st2" width="2" height="12" />
+      <g>
+        <g id="XMLID_19_">
+          <g>
+            <rect x="310.9" y="419.8" class="st2" width="2" height="12" />
+          </g>
+        </g>
+        <rect x="372.1" y="419.8" class="st2" width="2" height="12" />
+        <g id="XMLID_18_">
+          <g>
+            <rect x="310.9" y="455.8" class="st2" width="2" height="12" />
+          </g>
+        </g>
+        <rect x="372.1" y="455.8" class="st2" width="2" height="12" />
+        <g id="XMLID_17_">
+          <g>
+            <rect x="310.9" y="491.8" class="st2" width="2" height="12" />
+          </g>
+        </g>
+        <rect x="372.1" y="491.8" class="st2" width="2" height="12" />
+        <g id="XMLID_16_">
+          <g>
+            <rect x="310.9" y="527.8" class="st2" width="2" height="12" />
+          </g>
+        </g>
+        <rect x="372.1" y="527.8" class="st2" width="2" height="12" />
+        <g id="XMLID_15_">
+          <g>
+            <rect x="310.9" y="563.8" class="st2" width="2" height="12" />
+          </g>
+        </g>
+        <rect x="372.1" y="563.8" class="st2" width="2" height="12" />
+        <g id="XMLID_14_">
+          <g>
+            <rect x="310.9" y="599.8" class="st2" width="2" height="12" />
+          </g>
+        </g>
+        <rect x="372.1" y="599.8" class="st2" width="2" height="12" />
+        <g id="XMLID_13_">
+          <g>
+            <rect x="310.9" y="635.8" class="st2" width="2" height="12" />
+          </g>
+        </g>
+        <rect x="372.1" y="635.8" class="st2" width="2" height="12" />
+      </g>
+      <polygon
+        class="st4"
+        points="435.1,280.5 433.1,280.5 433.1,565.5 433.1,648.5 433.1,649.6 435.1,649.6"
+      />
+      <g>
+        <polygon
+          class="st2"
+          points="556.7,643.4 553.2,632.8 539.7,650 551.5,650"
+        />
+        <polygon
+          class="st2"
+          points="540.3,594.2 496.7,650 433.7,622.1 433.7,633.9 472.3,650 508.8,650 543.8,604.9"
+        />
+        <polygon
+          class="st2"
+          points="527.4,555.7 489,604.8 433.6,580.3 433.6,591.9 492.2,616.4 531,566.4"
+        />
+        <polygon
+          class="st2"
+          points="514.6,517.2 481.3,559.7 433.5,538.6 433.5,550 484.5,571.3 518.1,527.9"
+        />
+        <polygon
+          class="st2"
+          points="501.7,478.7 473.6,514.6 433.4,496.8 433.5,508.1 476.8,526.2 505.3,489.5"
+        />
+        <polygon
+          class="st2"
+          points="488.8,440.2 465.9,469.5 433.3,455.1 433.4,466.1 469.1,481 492.4,451"
+        />
+        <polygon
+          class="st2"
+          points="476,401.7 458.2,424.4 433.3,413.3 433.3,424.2 461.4,435.9 479.6,412.5"
+        />
+        <polygon
+          class="st2"
+          points="463.1,363.2 450.5,379.3 433.2,371.6 433.2,382.3 453.7,390.8 466.7,374.1"
+        />
+        <polygon
+          class="st2"
+          points="450.2,324.7 442.8,334.2 433.1,329.9 433.1,340.3 446,345.7 453.9,335.6"
+        />
+      </g>
+      <polygon
+        class="st2"
+        points="435.6,280.5 433.5,280.5 556.9,650 559.1,650"
+      />
+      <path
+        class="st6"
+        d="M500.6,259.4c-17-69-29.4-167.8-38.2-259.6h-2c8.8,91.9,21.2,190.9,38.2,260.1v0.1
+   c46.1,151.7,100.9,304.4,135.2,389.6h2.2C601.8,564.6,546.8,411.5,500.6,259.4z"
+      />
+      <path
+        class="st7"
+        d="M516.6,259.4c-17-69-29.4-167.8-38.2-259.6h-2c8.8,91.9,21.2,190.9,38.2,260.1v0.1
+   c46.1,151.7,100.9,304.4,135.2,389.6h2.2C617.8,564.6,562.8,411.5,516.6,259.4z"
+      />
+      <polygon
+        class="st7"
+        points="218.1,-0.2 218.1,649.4 220.1,649.5 220.1,-0.2"
+      />
+      <rect x="250" y="-0.2" class="st2" width="2" height="649.8" />
+      <rect x="237.6" y="-0.2" class="st6" width="2" height="649.8" />
+      <path
+        class="st4"
+        d="M450.6-0.1l-6.8,6.4l-7.1-6.5h-3l-0.3,0.3v6.1l10.3,9.6l8.6-8c-0.2-2.2-0.4-4.5-0.6-6.7L450.6-0.1z"
+      />
+      <polygon
+        class="st4"
+        points="433.1,-0.2 433.1,53.1 435.1,64.6 435.1,-0.2"
+      />
+      <path
+        class="st4"
+        d="M452.5-0.2h-2.1c7.6,79.9,18,165.1,31.8,231.5c-19.3-65-36.5-128.6-49.1-184.7v6.6v2.4
+   c1.1,4.8,2.3,9.7,3.4,14.6l9.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.2
+   c-33.6-83.4-89.5-239-135.8-391.2C473.5,189.4,461.2,91.1,452.5-0.2z"
+      />
+    </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 {
+    fill: #3d3939;
+  }
+  .st1 {
+    fill: none;
+  }
+  .st2 {
+    fill: #dddddd;
+  }
+  .st3 {
+    fill: none;
+    stroke: #dddddd;
+    stroke-width: 2;
+    stroke-miterlimit: 10;
+  }
+  .st4 {
+    fill: #e0e0e0;
+  }
+  .st5 {
+    fill: #fcfcfc;
+  }
+  .st6 {
+    fill: #ccb63a;
+  }
+  .st7 {
+    fill: #e5e5d8;
+  }
+</style>