openatc-components 0.0.1 → 0.0.6

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

@@ -0,0 +1,288 @@
+/**
+ * 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="M542.7,0.2h-18H345.1h-18v196.7L327,452.4v197.7h18h179.6h18V452.4c0-0.6,0-1.3,0.1-1.9L542.7,0.2L542.7,0.2z"
+      ></path>
+      <g class="st1" v-if="showSidewalk">
+        <g>
+          <rect x="346.7" y="297.3" class="st2" width="4" height="56.3"></rect>
+        </g>
+        <g>
+          <rect x="338.9" y="297.3" class="st2" width="4" height="56.3"></rect>
+        </g>
+        <g>
+          <rect x="331.3" y="297.3" class="st2" width="4" height="56.3"></rect>
+        </g>
+        <g>
+          <rect x="354.5" y="297.3" class="st2" width="4" height="56.3"></rect>
+        </g>
+        <g>
+          <rect x="362.3" y="297.3" class="st2" width="4" height="56.3"></rect>
+        </g>
+        <g>
+          <rect x="370.1" y="297.3" class="st2" width="4" height="56.3"></rect>
+        </g>
+        <g>
+          <rect x="377.9" y="297.3" class="st2" width="4" height="56.3"></rect>
+        </g>
+        <g>
+          <rect x="385.7" y="297.3" class="st2" width="4" height="56.3"></rect>
+        </g>
+        <g>
+          <rect x="393.5" y="297.3" class="st2" width="4" height="56.3"></rect>
+        </g>
+        <g>
+          <rect x="401.3" y="297.3" class="st2" width="4" height="56.3"></rect>
+        </g>
+        <g>
+          <rect x="409.1" y="297.3" class="st2" width="4" height="56.3"></rect>
+        </g>
+        <g>
+          <rect x="416.9" y="297.3" class="st2" width="4" height="56.3"></rect>
+        </g>
+        <g>
+          <rect x="424.8" y="297.3" class="st2" width="4" height="56.3"></rect>
+        </g>
+        <g>
+          <rect x="432.6" y="297.3" class="st2" width="4" height="56.3"></rect>
+        </g>
+        <g>
+          <rect x="440.4" y="297.3" class="st2" width="4" height="56.3"></rect>
+        </g>
+        <g>
+          <rect x="448.2" y="297.3" class="st2" width="4" height="56.3"></rect>
+        </g>
+        <g>
+          <rect x="456" y="297.3" class="st2" width="4" height="56.3"></rect>
+        </g>
+        <g>
+          <rect x="463.8" y="297.3" class="st2" width="4" height="56.3"></rect>
+        </g>
+        <g>
+          <rect x="471.6" y="297.3" class="st2" width="4" height="56.3"></rect>
+        </g>
+        <g>
+          <rect x="479.4" y="297.3" class="st2" width="4" height="56.3"></rect>
+        </g>
+        <g>
+          <rect x="487.2" y="297.3" class="st2" width="4" height="56.3"></rect>
+        </g>
+        <g>
+          <rect x="495" y="297.3" class="st2" width="4" height="56.3"></rect>
+        </g>
+        <g>
+          <rect x="502.8" y="297.3" class="st2" width="4" height="56.3"></rect>
+        </g>
+        <g>
+          <rect x="510.6" y="297.3" class="st2" width="4" height="56.3"></rect>
+        </g>
+        <g>
+          <rect x="518.4" y="297.3" class="st2" width="4" height="56.3"></rect>
+          <rect x="526.4" y="297.3" class="st2" width="4" height="56.3"></rect>
+          <rect x="534.3" y="297.3" class="st2" width="4" height="56.3"></rect>
+        </g>
+      </g>
+      <g>
+        <path class="st3" d="M308.3,650.2V0.2l0,0h-1v650"></path>
+      </g>
+      <rect x="324.8" y="0.2" class="st4" width="3" height="650"></rect>
+      <g>
+        <path class="st3" d="M561.7,0.2v650l0,0h1V0.2"></path>
+      </g>
+      <g>
+        <g>
+          <rect x="489.5" y="6.2" class="st5" width="2" height="11"></rect>
+          <rect x="489.5" y="28.6" class="st5" width="2" height="11.6"></rect>
+          <rect x="489.5" y="144.1" class="st5" width="2" height="11.6"></rect>
+          <rect x="489.5" y="121.1" class="st5" width="2" height="11.6"></rect>
+          <rect x="489.5" y="74.8" class="st5" width="2" height="11.6"></rect>
+          <rect x="489.5" y="98" class="st5" width="2" height="11.6"></rect>
+          <rect x="489.5" y="51.8" class="st5" width="2" height="11.6"></rect>
+          <rect x="489.5" y="167.3" class="st5" width="2" height="11.6"></rect>
+          <rect x="489.5" y="190.4" class="st5" width="2" height="14"></rect>
+          <rect x="459.2" y="98" class="st5" width="2" height="11.6"></rect>
+          <rect x="459.2" y="121.1" class="st5" width="2" height="11.6"></rect>
+          <rect x="459.2" y="167.3" class="st5" width="2" height="11.6"></rect>
+          <rect x="459.2" y="144.1" class="st5" width="2" height="11.6"></rect>
+          <rect x="459.2" y="51.8" class="st5" width="2" height="11.6"></rect>
+          <rect x="459.2" y="74.8" class="st5" width="2" height="11.6"></rect>
+          <rect x="459.2" y="28.6" class="st5" width="2" height="11.6"></rect>
+          <rect x="459.2" y="6.2" class="st5" width="2" height="11"></rect>
+          <rect x="489.5" y="0.2" class="st5" width="2" height="0.9"></rect>
+          <rect x="459.2" y="0.2" class="st5" width="2" height="0.9"></rect>
+          <rect x="459.2" y="190.4" class="st5" width="2" height="14"></rect>
+          <rect x="489.5" y="215" class="st5" width="2" height="11.6"></rect>
+          <rect x="489.5" y="238.1" class="st5" width="2" height="14"></rect>
+          <rect x="459.2" y="215" class="st5" width="2" height="11.6"></rect>
+          <rect x="459.2" y="238.1" class="st5" width="2" height="14"></rect>
+          <rect x="489.5" y="263.3" class="st5" width="2" height="14"></rect>
+          <rect x="459.2" y="263.3" class="st5" width="2" height="14"></rect>
+        </g>
+        <g>
+          <g>
+            <rect x="430.2" y="-0.2" class="st4" width="2" height="276.4"></rect>
+          </g>
+          <rect x="401.8" y="-0.2" class="st5" width="2" height="275.4"></rect>
+          <rect x="373.4" y="-0.2" class="st5" width="2" height="275.4"></rect>
+          <rect x="345" y="-0.2" class="st5" width="2" height="275.4"></rect>
+          <rect x="520.1" y="-0.2" class="st5" width="2" height="276.3"></rect>
+          <polyline class="st5" points="432.2,275.3 432.2,277.3 327.6,277.3 327.6,275.3"></polyline>
+        </g>
+      </g>
+      <g>
+        <g>
+          <rect x="378.3" y="632.9" class="st5" width="2" height="11"></rect>
+          <rect x="378.3" y="609.8" class="st5" width="2" height="11.6"></rect>
+          <rect x="378.3" y="494.3" class="st5" width="2" height="11.6"></rect>
+          <rect x="378.3" y="517.4" class="st5" width="2" height="11.6"></rect>
+          <rect x="378.3" y="563.6" class="st5" width="2" height="11.6"></rect>
+          <rect x="378.3" y="540.5" class="st5" width="2" height="11.6"></rect>
+          <rect x="378.3" y="586.7" class="st5" width="2" height="11.6"></rect>
+          <rect x="378.3" y="471" class="st5" width="2" height="11.6"></rect>
+          <rect x="378.3" y="445.5" class="st5" width="2" height="14"></rect>
+          <rect x="408.6" y="540.5" class="st5" width="2" height="11.6"></rect>
+          <rect x="408.6" y="517.4" class="st5" width="2" height="11.6"></rect>
+          <rect x="408.6" y="471" class="st5" width="2" height="11.6"></rect>
+          <rect x="408.6" y="494.3" class="st5" width="2" height="11.6"></rect>
+          <rect x="408.6" y="586.7" class="st5" width="2" height="11.6"></rect>
+          <rect x="408.6" y="563.6" class="st5" width="2" height="11.6"></rect>
+          <rect x="408.6" y="609.8" class="st5" width="2" height="11.6"></rect>
+          <rect x="408.6" y="632.9" class="st5" width="2" height="11"></rect>
+          <rect x="378.3" y="649" class="st5" width="2" height="0.9"></rect>
+          <rect x="408.6" y="649" class="st5" width="2" height="0.9"></rect>
+          <rect x="408.6" y="445.5" class="st5" width="2" height="14"></rect>
+          <rect x="378.3" y="423.4" class="st5" width="2" height="11.6"></rect>
+          <rect x="378.3" y="397.9" class="st5" width="2" height="14"></rect>
+          <rect x="408.6" y="423.4" class="st5" width="2" height="11.6"></rect>
+          <rect x="408.6" y="397.9" class="st5" width="2" height="14"></rect>
+          <rect x="378.3" y="372.8" class="st5" width="2" height="14"></rect>
+          <rect x="408.6" y="372.8" class="st5" width="2" height="14"></rect>
+        </g>
+        <g>
+          <g>
+            <rect x="437.6" y="373.8" class="st4" width="2" height="276.4"></rect>
+          </g>
+          <rect x="466" y="374.8" class="st5" width="2" height="275.4"></rect>
+          <rect x="494.4" y="374.8" class="st5" width="2" height="275.4"></rect>
+          <rect x="522.8" y="374.8" class="st5" width="2" height="275.4"></rect>
+          <rect x="347.7" y="373.9" class="st5" width="2" height="276.3"></rect>
+          <polyline class="st5" points="437.6,374.8 437.6,372.8 542.2,372.8 542.2,374.8"></polyline>
+        </g>
+      </g>
+      <rect x="542.2" y="0.2" class="st4" width="3" height="650"></rect>
+      <polygon
+        v-if="showPhaseIcon"
+        id="东直行_18_"
+        class="st6"
+        points="387.9,228.3 387.9,252.5 384.2,252.5 389.4,261.6 394.6,252.5 390.9,252.5
+390.9,228.3"
+      ></polygon>
+      <!-- <polygon
+        id="东直行_17_"
+        class="st6"
+        points="415.4,228.3 415.4,252.5 411.7,252.5 416.9,261.6 422.1,252.5 418.4,252.5
+418.4,228.3"
+      ></polygon>
+      <polygon
+        id="东直行_16_"
+        class="st6"
+        points="358.2,228.3 358.2,252.5 354.5,252.5 359.7,261.6 364.9,252.5 361.2,252.5
+361.2,228.3"
+      ></polygon> -->
+      <polygon
+        v-if="showPhaseIcon"
+        id="东直行_15_"
+        class="st6"
+        points="482.2,423 482.2,398.9 485.9,398.9 480.7,389.8 475.5,398.9 479.2,398.9
+479.2,423"
+      ></polygon>
+      <!-- <polygon
+        id="东直行_14_"
+        class="st6"
+        points="512.1,423 512.1,398.9 515.8,398.9 510.6,389.8 505.4,398.9 509.1,398.9
+509.1,423"
+      ></polygon>
+      <polygon
+        id="东直行_13_"
+        class="st6"
+        points="453.7,423 453.7,398.9 457.4,398.9 452.2,389.8 447,398.9 450.7,398.9 450.7,423"
+      ></polygon> -->
+    </g>
+  </svg>
+</template>
+<script>
+export default {
+  name: 'pedSectionSN',
+  data () {
+    return {}
+  },
+  props: {
+    Width: {
+      type: String,
+      default: '870px'
+    },
+    Height: {
+      type: String,
+      default: '650px'
+    },
+    showSidewalk: {
+      type: Boolean,
+      default: false
+    },
+    showPhaseIcon: {
+      type: Boolean,
+      default: false
+    }
+  },
+  methods: {},
+  mounted () {}
+}
+</script>
+<style scoped>
+.st0 {
+  fill: #3d3939;
+}
+.st1 {
+  opacity: 0.9;
+}
+.st2 {
+  fill: #f2f2f2;
+}
+.st3 {
+  fill: #e5e5d8;
+}
+.st4 {
+  fill: #ccb63a;
+}
+.st5 {
+  fill: #dddddd;
+}
+.st6 {
+  fill: #ededed;
+}
+</style>

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

@@ -0,0 +1,391 @@
+/**
+ * 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>
+      <g>
+        <path
+          class="st1"
+          d="M869.9,124.7C844.5,134.5,721,182.3,713,184l-213.6,71.6c0,0-38.5,10.3-43.1,10.3c-4.5,0-46.2,8.9-46.2,8.9
+s-100.4,15.6-117.2,16c0,0-143.1,15.6-151.1,15l-141.9,9.4v9.6v1.2v5.7v7.3v182.6h870v-16.4V344.4l0,0L869.9,124.7L869.9,124.7z"
+        ></path>
+      </g>
+      <g>
+        <line class="st2" x1="293" y1="288" x2="293.4" y2="289"></line>
+      </g>
+      <g>
+        <line class="st2" x1="308.2" y1="305" x2="308.2" y2="305"></line>
+      </g>
+      <g>
+        <line class="st2" x1="707.1" y1="287.5" x2="707.4" y2="288.5"></line>
+      </g>
+      <g>
+        <rect
+          x="593.1"
+          y="235.1"
+          transform="matrix(0.953 -0.3031 0.3031 0.953 -52.255 192.8339)"
+          class="st3"
+          width="4"
+          height="59.4"
+        ></rect>
+      </g>
+      <g>
+        <rect x="-0.1" y="508.1" class="st3" width="870" height="2"></rect>
+      </g>
+      <g>
+        <polygon class="st4" points="0.2,542 869.7,542 869.8,540 0.2,540"></polygon>
+      </g>
+      <g>
+        <g>
+          <g>
+            <rect x="-0.2" y="386" class="st3" width="14.4" height="2"></rect>
+          </g>
+          <g>
+            <path
+              class="st3"
+              d="M39.8,386h25.5v2H39.8V386z M90.8,386h25.5v2H90.8V386z M141.9,386h25.5v2h-25.5V386z M192.9,386h25.5v2
+h-25.5V386z M244,386h25.5v2H244V386z M295.1,386h25.5v2h-25.5V386z M346.1,386h25.5v2h-25.5V386z M397.2,386h25.5v2h-25.5V386z
+M448.3,386h25.5v2h-25.5V386z M499.3,386h25.5v2h-25.5V386z M550.4,386h25.5v2h-25.5V386z M601.4,386H627v2h-25.5L601.4,386
+L601.4,386z M652.5,386H678v2h-25.5V386z M703.6,386h25.5v2h-25.5V386z M754.6,386h25.5v2h-25.5V386z M805.7,386h25.5v2h-25.5
+V386z"
+            ></path>
+          </g>
+          <g>
+            <rect x="856.8" y="386" class="st3" width="13" height="2"></rect>
+          </g>
+        </g>
+      </g>
+      <g>
+        <g>
+          <g>
+            <rect x="-0.2" y="447.2" class="st3" width="14.4" height="2"></rect>
+          </g>
+          <g>
+            <path
+              class="st3"
+              d="M39.8,447.2h25.5v2H39.8V447.2z M90.8,447.2h25.5v2H90.8V447.2z M141.9,447.2h25.5v2h-25.5V447.2z
+M192.9,447.2h25.5v2h-25.5V447.2z M244,447.2h25.5v2H244V447.2z M295.1,447.2h25.5v2h-25.5V447.2z M346.1,447.2h25.5v2h-25.5
+V447.2z M397.2,447.2h25.5v2h-25.5V447.2z M448.3,447.2h25.5v2h-25.5V447.2z M499.3,447.2h25.5v2h-25.5V447.2z M550.4,447.2
+h25.5v2h-25.5V447.2z M601.4,447.2H627v2h-25.5L601.4,447.2L601.4,447.2z M652.5,447.2H678v2h-25.5V447.2z M703.6,447.2h25.5v2
+h-25.5V447.2z M754.6,447.2h25.5v2h-25.5V447.2z M805.7,447.2h25.5v2h-25.5V447.2z"
+            ></path>
+          </g>
+          <g>
+            <rect x="856.8" y="447.2" class="st3" width="13.1" height="2"></rect>
+          </g>
+        </g>
+      </g>
+      <g>
+        <path class="st5" d="M422.7,326"></path>
+      </g>
+      <g>
+        <path
+          class="st3"
+          d="M291.9,324.8h20v2h-20V324.8z M325.9,324.8h20v2h-20V324.8z M359.9,324.8h20v2h-20V324.8z M393.9,324.9h20v2
+h-20V324.9z M427.9,324.9h20v2h-20V324.9z M461.9,324.9h20v2h-20V324.9z"
+        ></path>
+      </g>
+      <g>
+        <g>
+          <polygon class="st6" points="11.3,327 273.4,327 284.9,325 -0.1,325 -0.1,327"></polygon>
+        </g>
+        <g>
+          <polygon
+            class="st6"
+            points="485.8,325 479.8,327 785.8,327 868.8,327 869.9,327 869.9,325"
+          ></polygon>
+        </g>
+      </g>
+      <g>
+        <polygon class="st6" points="534.5,326.9 534.8,326 531.6,326"></polygon>
+      </g>
+      <g>
+        <polygon class="st6" points="554.8,326.5 554.9,326.1 553.5,326.1"></polygon>
+      </g>
+      <g>
+        <polygon class="st6" points="578.5,326.5 578.6,326.1 576.3,326.1"></polygon>
+      </g>
+      <g>
+        <polygon
+          class="st6"
+          points="533.7,312.3 530.8,313.1 527.3,315 529.4,319.3 527.8,325 531.6,326 534.8,326 536.8,318.5"
+        ></polygon>
+      </g>
+      <g>
+        <polygon
+          class="st6"
+          points="553.6,307.5 547.1,310 549.8,317.1 548,324.9 553.5,326.1 554.9,326.1 557.1,316.6"
+        ></polygon>
+      </g>
+      <g>
+        <polygon
+          class="st6"
+          points="575.6,300 569.2,302.9 573.9,313 571.6,325.4 576.3,326.1 578.6,326.1 581.1,312"
+        ></polygon>
+      </g>
+      <g>
+        <polygon
+          class="st6"
+          points="595.3,293.9 589.1,297.1 596.9,311.6 592,326.3 599.4,326.3 604.5,311"
+        ></polygon>
+      </g>
+      <g>
+        <polygon
+          class="st6"
+          points="616.6,287.1 610.6,290.8 620.9,307.8 613,326.3 613,326.3 620.6,326.3 628.7,307.1"
+        ></polygon>
+      </g>
+      <g>
+        <polygon
+          class="st6"
+          points="641.8,279.1 635.7,282.6 647,302.5 636.8,325.8 638.2,326.4 644.2,326.4 654.8,302"
+        ></polygon>
+      </g>
+      <g>
+        <polygon
+          class="st6"
+          points="660.8,273 654.8,276.5 669.9,301.6 659.3,326.4 666.9,326.5 677.7,301.1"
+        ></polygon>
+      </g>
+      <g>
+        <polygon
+          class="st6"
+          points="681.2,266.6 674.3,268.9 693.5,299 681.9,326.5 682,326.5 689.5,326.5 701.4,298.4"
+        ></polygon>
+      </g>
+      <g>
+        <polygon
+          class="st6"
+          points="706.9,256.8 699.9,259 723,291.4 708.7,326.5 716.3,326.5 730.9,290.4"
+        ></polygon>
+      </g>
+      <g>
+        <polygon
+          class="st6"
+          points="734.5,248 727.5,250.3 753.9,287.3 740.1,326.5 740.5,326.6 747.5,326.6 761.7,286.1"
+        ></polygon>
+      </g>
+      <g>
+        <polygon
+          class="st6"
+          points="764.1,239.5 762.8,240 756.5,241 756.4,241 788.3,283.5 769.6,326.3 770.6,326.6 777.1,326.8
+796.3,282.5"
+        ></polygon>
+      </g>
+      <g>
+        <polygon
+          class="st6"
+          points="811.6,246 801.3,244.4 826,275.5 807.1,326.8 814.6,326.9 834,274.4"
+        ></polygon>
+      </g>
+      <g>
+        <path
+          class="st6"
+          d="M167.2,318.6l-4.3-4.9c-2.7,0.2-5.4,0.4-8.1,0.7l-0.4,0.3l4.6,5.2l-2.2,5l4.6,2h2.1L167.2,318.6z"
+        ></path>
+      </g>
+      <g>
+        <path
+          class="st6"
+          d="M190.6,318.1l-5.5-6.3c-2.5,0.2-5,0.4-7.5,0.7l-0.7,0.6l5.2,5.9l-4.7,8h8.1L190.6,318.1z"
+        ></path>
+      </g>
+      <g>
+        <path
+          class="st6"
+          d="M211.8,318.9l-6-8.9c-1.9,0.2-3.8,0.3-5.7,0.5l-1.6,1.1l4.5,6.7l-7.9,8.7h9.4L211.8,318.9z"
+        ></path>
+      </g>
+      <g>
+        <path
+          class="st6"
+          d="M236.1,316.4l-8-8.6c-2.2,0.2-4.5,0.4-6.7,0.6l-1.2,1.1l6.4,6.8l-8,8.8l1.8,1.6h6.1L236.1,316.4z"
+        ></path>
+      </g>
+      <g>
+        <path
+          class="st6"
+          d="M258.8,314.6l-7-9.2c-2.7,0.3-5.4,0.6-8.2,0.8l6.5,8.5l-7.6,10.8l1.9,1.3h5.8L258.8,314.6z"
+        ></path>
+      </g>
+      <g>
+        <path
+          class="st6"
+          d="M273.5,327l11.1-13.7l-9-10.4c-2.8,0.3-5.6,0.6-8.5,0.9l8.3,9.6l-10,12.3l1.4,1.2L273.5,327L273.5,327z"
+        ></path>
+      </g>
+      <g>
+        <path
+          class="st6"
+          d="M313.2,306.5l-9.7-6.7c-3.5,0.4-7,0.8-10.5,1.2l10.2,7.1l-10.5,14.2l0.7,0.5l9.3-2.3L313.2,306.5z"
+        ></path>
+      </g>
+      <g>
+        <path
+          class="st6"
+          d="M336.6,303l-9-6.2c-3.5,0.4-6.9,0.9-10.4,1.3l9.5,6.6l-9,12.2l10.7-2.6L336.6,303z"
+        ></path>
+      </g>
+      <g>
+        <g>
+          <rect
+            x="809.2"
+            y="219.3"
+            transform="matrix(0.9361 -0.3516 0.3516 0.9361 -24.7645 304.2097)"
+            class="st3"
+            width="32"
+            height="2"
+          ></rect>
+        </g>
+        <g>
+          <polygon class="st3" points="869.9,202.6 869.8,202.5 863.3,205 864,206.9 869.9,204.5"></polygon>
+        </g>
+      </g>
+      <g>
+        <polygon
+          class="st7"
+          points="869.9,520.5 869.9,520.5 869.9,520.5 2.3,520.5 0.9,520.5 -0.1,520.5 -0.1,522.5 869.9,522.5"
+        ></polygon>
+      </g>
+      <g>
+        <path
+          class="st6"
+          d="M478.6,269.8C338.4,304,76.9,319.6-0.1,323.8v3.2h1v-1.3c73.3-3.8,306.6-17.9,450.7-47.8
+c-65,19.3-128.6,36.5-184.7,49.1h6.6h2.4c4.8-1.1,9.7-2.3,14.6-3.4l38.3-9.5c43-11,88.6-23.9,134.8-37.7l60.7-18.7l0,0
+c136.8-43,270.1-91.1,345.5-121.5V134C786.4,167.6,630.8,223.5,478.6,269.8z"
+        ></path>
+      </g>
+      <g>
+        <path
+          class="st7"
+          d="M479.7,259.5C339.8,293.9,77.2,309.7-0.1,313.8v2l1-0.1l0,0c78.4-4.1,339.7-20,479.3-54.3h0.1
+C632,215.3,784.7,160.5,869.9,126.2V124C784.9,158.3,631.8,213.3,479.7,259.5z"
+        ></path>
+      </g>
+      <g>
+        <path
+          class="st4"
+          d="M479.7,243.5C339.8,277.9,77.2,293.7-0.1,297.8v2l1-0.1l0,0c78.4-4.1,339.7-20,479.3-54.3h0.1
+C632,199.3,784.7,144.5,869.9,110.2V108C784.9,142.3,631.8,197.3,479.7,243.5z"
+        ></path>
+      </g>
+      <g>
+        <path
+          class="st6"
+          d="M855.6,252.1c-3.5-0.7-7.1-1.5-10.6-2.2c-6.6-1.3-13.3-2.5-19.9-3.7c-11.3-2-22.7-3.9-34.1-5.3
+c-8.1-1-16.2-2.6-24.4-2.6c-8.6,0-16,2.6-24,5.5c-7.7,2.7-15.3,5.5-23,8.2c-14.2,5-28.5,10-42.8,14.9
+c-24.4,8.3-48.8,16.5-73.3,24.3c-19.4,6.2-38.8,12.1-58.3,17.8c-14.9,4.3-29.8,8.5-44.9,12.4c-7.5,1.9-15.1,3.8-22.7,5.6h9.3
+c2.7,0,6.1-1.5,8.7-2.2c3.2-0.8,6.4-1.6,9.6-2.5c7.2-1.9,14.3-3.8,21.5-5.8c17.7-4.9,35.2-10.2,52.8-15.6
+c22.5-6.9,44.8-14.2,67.2-21.6c27.8-9.3,55.5-18.9,83.1-28.7c6.1-2.2,12.1-4.3,18.2-6.5c10.7-3.9,20.6-3.9,31.8-2.6
+c12,1.4,24,3.4,35.9,5.3c10.5,1.7,20.9,3.6,31.3,5.6c3.6,0.7,7.1,1.4,10.7,2.2c2.5,0.5,5,1,7.5,1.6c1.6,0.4,3.3,0.8,5,1.2v-2
+C865.1,254.1,860.3,253.1,855.6,252.1z"
+        ></path>
+      </g>
+      <g>
+        <path
+          class="st6"
+          d="M870,270.3l-12.5-15.7c-3.5-0.7-7.1-1.5-10.7-2.2l18.4,23.2l-18.9,51.2h7.5l16.2-43.9V270.3z"
+        ></path>
+      </g>
+      <!-- <g id="直行_2_">
+        <polygon
+          class="st8"
+          points="670.1,475.5 625.1,475.5 625.1,468.7 608.5,478.2 625.1,487.6 625.1,481 670.1,481"
+        ></polygon>
+      </g> -->
+      <g id="直行_1_">
+        <polygon
+          class="st8"
+          points="670.1,414.7 625.1,414.7 625.1,408 608.5,417.5 625.1,426.8 625.1,420.2 670.1,420.2"
+        ></polygon>
+      </g>
+      <!-- <g id="直行">
+        <polygon
+          class="st8"
+          points="670.1,354.4 625.1,354.4 625.1,347.6 608.5,357.1 625.1,366.5 625.1,359.9 670.1,359.9"
+        ></polygon>
+      </g> -->
+      <g id="支路箭头">
+        <polygon
+          class="st8"
+          points="707.9,223.3 665.5,238.2 663.2,231.8 650.7,246.3 669.5,249.6 667.3,243.4 709.7,228.5"
+        ></polygon>
+      </g>
+    </g>
+  </svg>
+</template>
+<script>
+export default {
+  name: 'rampEastroad',
+  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: #e5e5d8;
+}
+.st5 {
+  fill: none;
+  stroke: #dddddd;
+  stroke-width: 2;
+  stroke-miterlimit: 10;
+}
+.st6 {
+  fill: #e0e0e0;
+}
+.st7 {
+  fill: #ccb63a;
+}
+.st8 {
+  fill: #fcfcfc;
+}
+</style>