openatc-components 0.3.11 → 0.3.12

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

@@ -1,336 +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>
+/**
+ * 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>