openatc-components 0.3.13 → 0.3.15

package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/leftroad/LTShapeWestRoadsSvg.vue

@@ -1,476 +1,575 @@
-/**
- * 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 id="T型西">
-      <g>
-        <g>
-          <path
-            id="东右转_30_"
-            class="st0"
-            d="M270.4,346.6h-13.8v3h13.9c3.1,0,5.7-2.6,5.8-5.7l0.4-2.9l3.7,0.5l-3.9-9.7L270,340
-l3.7,0.5l-0.5,3.3C273.2,345.3,272,346.6,270.4,346.6L270.4,346.6z"
-          ></path>
-          <path
-            id="东左转_30_"
-            class="st1"
-            d="M273.2,396.6l0.4,3l-3.7,0.5l6.5,8.2l3.9-9.7l-3.7,0.5l-0.4-2.9c0-3.2-2.6-5.7-5.8-5.7
-h-13.9v3h13.9c1.5,0,2.8,1.3,2.8,2.8L273.2,396.6L273.2,396.6z"
-          ></path>
-          <polygon
-            id="东直行_30_"
-            class="st1"
-            points="255.6,370.8 270.8,370.8 270.8,374.5 279.9,369.3 270.8,364.1 270.8,367.8
-255.6,367.8"
-          ></polygon>
-        </g>
-        <g>
-          <path
-            id="东右转_29_"
-            class="st0"
-            d="M412.3,160.6v-13.8h-3v13.9c0,3.1,2.6,5.7,5.7,5.8l2.9,0.4l-0.5,3.7l9.7-3.9l-8.2-6.5
-l-0.5,3.7l-3.3-0.5C413.6,163.4,412.3,162.2,412.3,160.6L412.3,160.6z"
-          ></path>
-          <path
-            id="东左转_29_"
-            class="st1"
-            d="M362.3,163.4l-3,0.4l-0.5-3.7l-8.2,6.5l9.7,3.9l-0.5-3.7l2.9-0.4c3.2,0,5.7-2.6,5.7-5.8
-v-13.9h-3v13.9c0,1.5-1.3,2.8-2.8,2.8H362.3z"
-          ></path>
-          <polygon
-            id="东直行_29_"
-            class="st1"
-            points="388.1,145.8 388.1,161 384.4,161 389.6,170.1 394.8,161 391.1,161 391.1,145.8"
-          ></polygon>
-        </g>
-        <g>
-          <path
-            id="东右转_28_"
-            class="st0"
-            d="M457.4,489.2V503h3v-13.9c0-3.1-2.6-5.7-5.7-5.8l-2.9-0.4l0.5-3.7l-9.7,3.9l8.2,6.5
-l0.5-3.7l3.3,0.5C456.1,486.4,457.4,487.6,457.4,489.2L457.4,489.2z"
-          ></path>
-          <path
-            id="东左转_28_"
-            class="st1"
-            d="M507.4,486.4l3-0.4l0.5,3.7l8.2-6.5l-9.7-3.9l0.5,3.7l-2.9,0.4c-3.2,0-5.7,2.6-5.7,5.8
-v13.9h3v-13.9c0-1.5,1.3-2.8,2.8-2.8L507.4,486.4L507.4,486.4z"
-          ></path>
-          <polygon
-            id="东直行_28_"
-            class="st1"
-            points="481.6,504 481.6,488.8 485.3,488.8 480.1,479.7 474.9,488.8 478.6,488.8
-478.6,504"
-          ></polygon>
-        </g>
-      </g>
-    </g>
-    <path
-      class="st2"
-      d="M542.6,197.4V-0.3l0,0h-18H345h-18l0,0v197.7c-0.1,11.6-9.5,21-21,21H-0.2l0,0v18V414v18l0,0h306.3
-c11.6,0.1,21,9.5,21.1,21v196.7l0,0h18h179.6h18l0,0V453"
-    ></path>
-    <g id="人行道" :class="showPed === true ? '' : 'invisible'">
-      <g class="st3">
-        <g>
-          <rect x="346.8" y="434" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="339" y="434" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="331.4" y="434" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="354.6" y="434" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="362.4" y="434" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="370.2" y="434" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="378" y="434" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="385.8" y="434" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="393.6" y="434" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="401.4" y="434" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="409.2" y="434" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="417" y="434" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="424.9" y="434" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="432.7" y="434" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="440.5" y="434" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="448.3" y="434" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="456.1" y="434" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="463.9" y="434" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="471.7" y="434" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="479.5" y="434" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="487.3" y="434" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="495.1" y="434" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="502.9" y="434" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="510.7" y="434" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="518.5" y="434" class="st4" width="4" height="16.3"></rect>
-          <rect x="526.4" y="434" class="st4" width="4" height="16.3"></rect>
-          <rect x="534.3" y="434" class="st4" width="4" height="16.3"></rect>
-        </g>
-      </g>
-      <g class="st3">
-        <rect x="309.3" y="408.6" class="st4" width="16.5" height="4"></rect>
-        <rect x="309.3" y="416.9" class="st4" width="16.5" height="4"></rect>
-        <rect x="309.3" y="424.8" class="st4" width="16.5" height="4"></rect>
-        <rect x="309.3" y="400.8" class="st4" width="16.5" height="4"></rect>
-        <rect x="309.3" y="393.1" class="st4" width="16.5" height="4"></rect>
-        <rect x="309.3" y="385.4" class="st4" width="16.5" height="4"></rect>
-        <rect x="309.3" y="377.7" class="st4" width="16.5" height="4"></rect>
-        <rect x="309.3" y="369.9" class="st4" width="16.5" height="4"></rect>
-        <rect x="309.3" y="362.2" class="st4" width="16.5" height="4"></rect>
-        <rect x="309.3" y="354.5" class="st4" width="16.5" height="4"></rect>
-        <rect x="309.3" y="346.8" class="st4" width="16.5" height="4"></rect>
-        <rect x="309.3" y="339.1" class="st4" width="16.5" height="4"></rect>
-        <rect x="309.3" y="331.3" class="st4" width="16.5" height="4"></rect>
-        <rect x="309.3" y="323.6" class="st4" width="16.5" height="4"></rect>
-        <rect x="309.3" y="315.9" class="st4" width="16.5" height="4"></rect>
-        <rect x="309.3" y="308.2" class="st4" width="16.5" height="4"></rect>
-        <rect x="309.3" y="300.4" class="st4" width="16.5" height="4"></rect>
-        <rect x="309.3" y="292.7" class="st4" width="16.5" height="4"></rect>
-        <rect x="309.3" y="285" class="st4" width="16.5" height="4"></rect>
-        <rect x="309.3" y="277.3" class="st4" width="16.5" height="4"></rect>
-        <rect x="309.3" y="269.6" class="st4" width="16.5" height="4"></rect>
-        <rect x="309.3" y="261.8" class="st4" width="16.5" height="4"></rect>
-        <rect x="309.3" y="254.1" class="st4" width="16.5" height="4"></rect>
-        <rect x="309.3" y="246.4" class="st4" width="16.5" height="4"></rect>
-        <rect x="309.3" y="238.7" class="st4" width="16.5" height="4"></rect>
-        <rect x="309.3" y="231" class="st4" width="16.5" height="4"></rect>
-        <rect x="309.3" y="222.7" class="st4" width="16.5" height="4"></rect>
-      </g>
-      <g class="st3">
-        <g>
-          <rect x="519.4" y="200.1" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="527.4" y="200.1" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="534.8" y="200.1" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="511.6" y="200.1" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="503.8" y="200.1" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="496" y="200.1" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="488.2" y="200.1" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="480.4" y="200.1" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="472.6" y="200.1" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="464.8" y="200.1" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="457" y="200.1" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="449.2" y="200.1" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="441.3" y="200.1" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="433.5" y="200.1" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="425.7" y="200.1" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="417.9" y="200.1" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="410.1" y="200.1" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="402.3" y="200.1" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="394.5" y="200.1" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="386.7" y="200.1" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="378.9" y="200.1" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="371.1" y="200.1" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="363.3" y="200.1" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="355.5" y="200.1" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="347.7" y="200.1" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="340.1" y="200.1" class="st4" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="332.7" y="200.1" class="st4" width="4" height="16.3"></rect>
-        </g>
-      </g>
-    </g>
-    <g>
-      <rect x="107.1" y="380.6" class="st5" width="11.6" height="2"></rect>
-      <rect x="130.2" y="380.6" class="st5" width="11.6" height="2"></rect>
-      <rect x="245.7" y="380.6" class="st5" width="11.6" height="2"></rect>
-      <rect x="222.6" y="380.6" class="st5" width="11.6" height="2"></rect>
-      <rect x="84" y="380.6" class="st5" width="11.6" height="2"></rect>
-      <rect x="176.4" y="380.6" class="st5" width="11.6" height="2"></rect>
-      <rect x="199.5" y="380.6" class="st5" width="11.6" height="2"></rect>
-      <rect x="153.3" y="380.6" class="st5" width="11.6" height="2"></rect>
-      <rect x="14.6" y="380.6" class="st5" width="11.6" height="2"></rect>
-      <rect y="380.6" class="st5" width="3.1" height="2"></rect>
-      <rect x="37.7" y="380.6" class="st5" width="11.6" height="2"></rect>
-      <rect x="268.9" y="380.6" class="st5" width="11.6" height="2"></rect>
-      <rect x="60.8" y="380.6" class="st5" width="11.6" height="2"></rect>
-      <rect x="292" y="380.6" class="st5" width="6" height="2"></rect>
-      <rect x="199.5" y="350.3" class="st5" width="11.6" height="2"></rect>
-      <rect x="222.6" y="350.3" class="st5" width="11.6" height="2"></rect>
-      <rect x="268.9" y="350.3" class="st5" width="11.6" height="2"></rect>
-      <rect x="245.7" y="350.3" class="st5" width="11.6" height="2"></rect>
-      <rect x="153.3" y="350.3" class="st5" width="11.6" height="2"></rect>
-      <rect x="60.8" y="350.3" class="st5" width="11.6" height="2"></rect>
-      <rect x="14.6" y="350.3" class="st5" width="11.6" height="2"></rect>
-      <rect x="37.7" y="350.3" class="st5" width="11.6" height="2"></rect>
-      <rect x="176.4" y="350.3" class="st5" width="11.6" height="2"></rect>
-      <rect y="350.3" class="st5" width="3.1" height="2"></rect>
-      <rect x="130.2" y="350.3" class="st5" width="11.6" height="2"></rect>
-      <rect x="107.1" y="350.3" class="st5" width="11.6" height="2"></rect>
-      <rect x="84" y="350.3" class="st5" width="11.6" height="2"></rect>
-      <rect x="292" y="350.3" class="st5" width="6" height="2"></rect>
-    </g>
-    <g>
-      <g>
-        <rect y="321.3" class="st6" width="298.2" height="2"></rect>
-      </g>
-      <rect y="292.9" class="st5" width="297.2" height="2"></rect>
-      <rect y="411.3" class="st5" width="298" height="2"></rect>
-      <rect y="264.5" class="st5" width="297.2" height="2"></rect>
-      <rect y="236.1" class="st5" width="297.2" height="2"></rect>
-      <polygon
-        class="st5"
-        points="297.2,218.4 299.2,218.4 299.2,323.3 297.2,323.3 297.2,287.2 297.2,284.8 297.2,251.2 297.2,248.7
-"
-      ></polygon>
-    </g>
-    <g>
-      <rect x="489.8" y="640.7" class="st5" width="2" height="9"></rect>
-      <rect x="489.8" y="617.6" class="st5" width="2" height="11.6"></rect>
-      <rect x="489.8" y="502.1" class="st5" width="2" height="11.6"></rect>
-      <rect x="489.8" y="525.2" class="st5" width="2" height="11.6"></rect>
-      <rect x="489.8" y="571.4" class="st5" width="2" height="11.6"></rect>
-      <rect x="489.8" y="548.3" class="st5" width="2" height="11.6"></rect>
-      <rect x="489.8" y="594.5" class="st5" width="2" height="11.6"></rect>
-      <rect x="489.8" y="478.9" class="st5" width="2" height="11.6"></rect>
-      <rect x="489.8" y="461.4" class="st5" width="2" height="6"></rect>
-      <rect x="459.5" y="548.3" class="st5" width="2" height="11.6"></rect>
-      <rect x="459.5" y="525.2" class="st5" width="2" height="11.6"></rect>
-      <rect x="459.5" y="478.9" class="st5" width="2" height="11.6"></rect>
-      <rect x="459.5" y="502.1" class="st5" width="2" height="11.6"></rect>
-      <rect x="459.5" y="594.5" class="st5" width="2" height="11.6"></rect>
-      <rect x="459.5" y="571.4" class="st5" width="2" height="11.6"></rect>
-      <rect x="459.5" y="617.6" class="st5" width="2" height="11.6"></rect>
-      <rect x="459.5" y="640.7" class="st5" width="2" height="9"></rect>
-      <rect x="459.5" y="461.4" class="st5" width="2" height="6"></rect>
-    </g>
-    <g>
-      <g>
-        <rect x="430.5" y="461.3" class="st6" width="2" height="188.4"></rect>
-      </g>
-      <rect x="402.1" y="462.3" class="st5" width="2" height="187.4"></rect>
-      <rect x="373.7" y="462.3" class="st5" width="2" height="187.4"></rect>
-      <rect x="345.3" y="462.3" class="st5" width="2" height="187.4"></rect>
-      <rect x="520.4" y="461.4" class="st5" width="2" height="188.3"></rect>
-      <polyline class="st5" points="327.8,462.3 327.8,460.3 432.5,460.3 432.5,462.3"></polyline>
-    </g>
-    <g>
-      <rect x="377.8" y="-0.3" class="st5" width="2" height="9.2"></rect>
-      <rect x="377.8" y="20.4" class="st5" width="2" height="11.6"></rect>
-      <rect x="377.8" y="135.9" class="st5" width="2" height="11.6"></rect>
-      <rect x="377.8" y="112.8" class="st5" width="2" height="11.6"></rect>
-      <rect x="377.8" y="66.6" class="st5" width="2" height="11.6"></rect>
-      <rect x="377.8" y="89.7" class="st5" width="2" height="11.6"></rect>
-      <rect x="377.8" y="43.5" class="st5" width="2" height="11.6"></rect>
-      <rect x="377.8" y="159.1" class="st5" width="2" height="11.6"></rect>
-      <rect x="377.8" y="182.2" class="st5" width="2" height="6"></rect>
-      <rect x="408.1" y="89.7" class="st5" width="2" height="11.6"></rect>
-      <rect x="408.1" y="112.8" class="st5" width="2" height="11.6"></rect>
-      <rect x="408.1" y="159.1" class="st5" width="2" height="11.6"></rect>
-      <rect x="408.1" y="135.9" class="st5" width="2" height="11.6"></rect>
-      <rect x="408.1" y="43.5" class="st5" width="2" height="11.6"></rect>
-      <rect x="408.1" y="66.6" class="st5" width="2" height="11.6"></rect>
-      <rect x="408.1" y="20.4" class="st5" width="2" height="11.6"></rect>
-      <rect x="408.1" y="-0.3" class="st5" width="2" height="9.2"></rect>
-      <rect x="408.1" y="182.2" class="st5" width="2" height="6"></rect>
-    </g>
-    <g>
-      <g>
-        <rect x="437.2" y="-0.3" class="st6" width="2" height="188.7"></rect>
-      </g>
-      <rect x="465.6" y="-0.3" class="st5" width="2" height="187.7"></rect>
-      <rect x="347.3" y="0" class="st5" width="2" height="188.2"></rect>
-      <rect x="494" y="-0.3" class="st5" width="2" height="187.7"></rect>
-      <rect x="522.4" y="-0.3" class="st5" width="2" height="187.7"></rect>
-      <polygon
-        class="st5"
-        points="542.2,187.4 542.2,189.4 437.2,189.4 437.2,187.4 473.3,187.4 475.7,187.4 509.5,187.4 511.9,187.4
-"
-      ></polygon>
-    </g>
-    <path class="st7" d="M1.2,423L1.2,423C1.4,423,1.3,423,1.2,423z"></path>
-    <path class="st7" d="M1.2,423L1.2,423C1,423,1.1,423,1.2,423z"></path>
-    <path class="st8" d="M561.7-0.3v650l0,0h1v-650"></path>
-    <path
-      class="st8"
-      d="M-0.2,198.4l0,1h296c6.9,0,12.5-5.6,12.5-12.5V-0.3l0,0h-1v187.2c0,6.4-5.2,11.5-11.5,11.5H-0.2L-0.2,198.4z"
-    ></path>
-    <path
-      class="st6"
-      d="M-0.2,218.4h308.4c10.8,0,19.6-8.8,19.6-19.6V-0.3h-3v199.1c0,9.1-7.4,16.6-16.6,16.6H-0.2V218.4z"
-    ></path>
-    <g>
-      <path
-        class="st8"
-        d="M-0.2,451l0,1h296c6.4,0,11.5,5.2,11.5,11.5v186.2h1l0,0V463.5c0-6.9-5.6-12.5-12.5-12.5H-0.2L-0.2,451z"
-      ></path>
-    </g>
-    <path
-      class="st6"
-      d="M-0.2,432h308.4c10.8,0,19.6,8.8,19.6,19.6v198.1h-3V451.6c0-9.1-7.4-16.6-16.6-16.6H-0.2V432z"
-    ></path>
-    <rect x="542.2" y="0.1" class="st6" width="3" height="649.6"></rect>
-  </svg>
-</template>
-<script>
-export default {
-  name: 'tWestroad',
-  data () {
-    return {}
-  },
-  props: {
-    Width: {
-      type: String,
-      default: '870px'
-    },
-    Height: {
-      type: String,
-      default: '650px'
-    },
-    showPed: {
-      type: Boolean,
-      default: false
-    }
-  },
-  methods: {},
-  mounted () {}
-}
-</script>
-<style scoped>
-.st0 {
-  display: none;
-  fill: #77fb65;
-}
-.st1 {
-  display: none;
-  fill: #ff2828;
-}
-.st2 {
-  fill: #3d3939;
-}
-.st3 {
-  opacity: 0.9;
-}
-.st4 {
-  fill: #f2f2f2;
-}
-.st5 {
-  fill: #dddddd;
-}
-.st6 {
-  fill: #ccb63a;
-}
-.st7 {
-  fill: #1eaa39;
-}
-.st8 {
-  fill: #e5e5d8;
-}
-.invisible {
-  visibility: hidden;
-}
-</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 id="T型西">
+      <g>
+        <g>
+          <path
+            id="东右转_30_"
+            class="st0"
+            d="M270.4,346.6h-13.8v3h13.9c3.1,0,5.7-2.6,5.8-5.7l0.4-2.9l3.7,0.5l-3.9-9.7L270,340
+       l3.7,0.5l-0.5,3.3C273.2,345.3,272,346.6,270.4,346.6L270.4,346.6z"
+          />
+          <path
+            id="东左转_30_"
+            class="st1"
+            d="M273.2,396.6l0.4,3l-3.7,0.5l6.5,8.2l3.9-9.7l-3.7,0.5l-0.4-2.9c0-3.2-2.6-5.7-5.8-5.7
+       h-13.9v3h13.9c1.5,0,2.8,1.3,2.8,2.8L273.2,396.6L273.2,396.6z"
+          />
+          <polygon
+            id="东直行_30_"
+            class="st1"
+            points="255.6,370.8 270.8,370.8 270.8,374.5 279.9,369.3 270.8,364.1 270.8,367.8
+       255.6,367.8"
+          />
+        </g>
+        <g>
+          <path
+            id="东右转_29_"
+            class="st0"
+            d="M412.3,160.6v-13.8h-3v13.9c0,3.1,2.6,5.7,5.7,5.8l2.9,0.4l-0.5,3.7l9.7-3.9l-8.2-6.5
+       l-0.5,3.7l-3.3-0.5C413.6,163.4,412.3,162.2,412.3,160.6L412.3,160.6z"
+          />
+          <path
+            id="东左转_29_"
+            class="st1"
+            d="M362.3,163.4l-3,0.4l-0.5-3.7l-8.2,6.5l9.7,3.9l-0.5-3.7l2.9-0.4c3.2,0,5.7-2.6,5.7-5.8
+       v-13.9h-3v13.9c0,1.5-1.3,2.8-2.8,2.8H362.3z"
+          />
+          <polygon
+            id="东直行_29_"
+            class="st1"
+            points="388.1,145.8 388.1,161 384.4,161 389.6,170.1 394.8,161 391.1,161 391.1,145.8
+             "
+          />
+        </g>
+        <g>
+          <path
+            id="东右转_28_"
+            class="st0"
+            d="M457.4,489.2V503h3v-13.9c0-3.1-2.6-5.7-5.7-5.8l-2.9-0.4l0.5-3.7l-9.7,3.9l8.2,6.5
+       l0.5-3.7l3.3,0.5C456.1,486.4,457.4,487.6,457.4,489.2L457.4,489.2z"
+          />
+          <path
+            id="东左转_28_"
+            class="st1"
+            d="M507.4,486.4l3-0.4l0.5,3.7l8.2-6.5l-9.7-3.9l0.5,3.7l-2.9,0.4c-3.2,0-5.7,2.6-5.7,5.8
+       v13.9h3v-13.9c0-1.5,1.3-2.8,2.8-2.8L507.4,486.4L507.4,486.4z"
+          />
+          <polygon
+            id="东直行_28_"
+            class="st1"
+            points="481.6,504 481.6,488.8 485.3,488.8 480.1,479.7 474.9,488.8 478.6,488.8
+       478.6,504"
+          />
+        </g>
+      </g>
+    </g>
+    <g>
+      <path
+        class="st2"
+        d="M542.8,197.9V0.1l0,0h-18H345.2h-18l0,0v197.7c-0.1,11.6-9.5,21-21,21H0l0,0v18v177.6v18l0,0h306.3
+   c11.6,0.1,21,9.5,21.1,21v196.7l0,0h18H525h18l0,0V453.5"
+      />
+      <g id="人行道_1_" :class="showPed === true ? '' : 'invisible'">
+        <g class="st3">
+          <g>
+            <rect x="347" y="434.4" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="339.2" y="434.4" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="331.6" y="434.4" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="354.8" y="434.4" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="362.6" y="434.4" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="370.4" y="434.4" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="378.2" y="434.4" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="386" y="434.4" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="393.8" y="434.4" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="401.6" y="434.4" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="409.4" y="434.4" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="417.2" y="434.4" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="425.1" y="434.4" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="432.9" y="434.4" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="440.7" y="434.4" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="448.5" y="434.4" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="456.3" y="434.4" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="464.1" y="434.4" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="471.9" y="434.4" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="479.7" y="434.4" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="487.5" y="434.4" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="495.3" y="434.4" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="503.1" y="434.4" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="510.9" y="434.4" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="518.7" y="434.4" class="st4" width="4" height="16.3" />
+            <rect x="526.6" y="434.4" class="st4" width="4" height="16.3" />
+            <rect x="534.5" y="434.4" class="st4" width="4" height="16.3" />
+          </g>
+        </g>
+        <g class="st3">
+          <rect x="309.5" y="409" class="st4" width="16.5" height="4" />
+          <rect x="309.5" y="417.4" class="st4" width="16.5" height="4" />
+          <rect x="309.5" y="425.3" class="st4" width="16.5" height="4" />
+          <rect x="309.5" y="401.3" class="st4" width="16.5" height="4" />
+          <rect x="309.5" y="393.6" class="st4" width="16.5" height="4" />
+          <rect x="309.5" y="385.9" class="st4" width="16.5" height="4" />
+          <rect x="309.5" y="378.1" class="st4" width="16.5" height="4" />
+          <rect x="309.5" y="370.4" class="st4" width="16.5" height="4" />
+          <rect x="309.5" y="362.6" class="st4" width="16.5" height="4" />
+          <rect x="309.5" y="355" class="st4" width="16.5" height="4" />
+          <rect x="309.5" y="347.3" class="st4" width="16.5" height="4" />
+          <rect x="309.5" y="339.6" class="st4" width="16.5" height="4" />
+          <rect x="309.5" y="331.8" class="st4" width="16.5" height="4" />
+          <rect x="309.5" y="324.1" class="st4" width="16.5" height="4" />
+          <rect x="309.5" y="316.4" class="st4" width="16.5" height="4" />
+          <rect x="309.5" y="308.6" class="st4" width="16.5" height="4" />
+          <rect x="309.5" y="300.9" class="st4" width="16.5" height="4" />
+          <rect x="309.5" y="293.1" class="st4" width="16.5" height="4" />
+          <rect x="309.5" y="285.5" class="st4" width="16.5" height="4" />
+          <rect x="309.5" y="277.8" class="st4" width="16.5" height="4" />
+          <rect x="309.5" y="270.1" class="st4" width="16.5" height="4" />
+          <rect x="309.5" y="262.3" class="st4" width="16.5" height="4" />
+          <rect x="309.5" y="254.6" class="st4" width="16.5" height="4" />
+          <rect x="309.5" y="246.9" class="st4" width="16.5" height="4" />
+          <rect x="309.5" y="239.1" class="st4" width="16.5" height="4" />
+          <rect x="309.5" y="231.5" class="st4" width="16.5" height="4" />
+          <rect x="309.5" y="223.1" class="st4" width="16.5" height="4" />
+        </g>
+        <g class="st3">
+          <g>
+            <rect x="519.6" y="200.6" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="527.6" y="200.6" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="535" y="200.6" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="511.8" y="200.6" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="504" y="200.6" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="496.2" y="200.6" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="488.4" y="200.6" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="480.6" y="200.6" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="472.8" y="200.6" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="465" y="200.6" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="457.2" y="200.6" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="449.4" y="200.6" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="441.5" y="200.6" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="433.7" y="200.6" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="425.9" y="200.6" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="418.1" y="200.6" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="410.3" y="200.6" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="402.5" y="200.6" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="394.7" y="200.6" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="386.9" y="200.6" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="379.1" y="200.6" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="371.3" y="200.6" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="363.5" y="200.6" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="355.7" y="200.6" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="347.9" y="200.6" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="340.3" y="200.6" class="st4" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="332.9" y="200.6" class="st4" width="4" height="16.3" />
+          </g>
+        </g>
+      </g>
+      <path
+        class="st5"
+        d="M1.4,423.5L1.4,423.5C1.6,423.5,1.5,423.5,1.4,423.5z"
+      />
+      <path
+        class="st5"
+        d="M1.4,423.5L1.4,423.5C1.2,423.5,1.3,423.5,1.4,423.5z"
+      />
+      <path class="st6" d="M561.9,0.1v650l0,0h1V0.1" />
+      <path
+        class="st6"
+        d="M0,198.9l0,1h296c6.9,0,12.5-5.6,12.5-12.5V0.1l0,0h-1v187.2c0,6.4-5.2,11.5-11.5,11.5H0L0,198.9z"
+      />
+      <path
+        class="st7"
+        d="M0,218.9h308.4c10.8,0,19.6-8.8,19.6-19.6V0.1h-3v199.1c0,9.1-7.4,16.6-16.6,16.6H0V218.9z"
+      />
+      <g>
+        <path
+          class="st6"
+          d="M0,451.5l0,1h296c6.4,0,11.5,5.2,11.5,11.5v186.2h1l0,0V464c0-6.9-5.6-12.5-12.5-12.5H0L0,451.5z"
+        />
+      </g>
+      <path
+        class="st7"
+        d="M0,432.4h308.4c10.8,0,19.6,8.8,19.6,19.6v198.1h-3V452.1c0-9.1-7.4-16.6-16.6-16.6H0V432.4z"
+      />
+      <rect x="542.4" y="0.6" class="st7" width="3" height="649.6" />
+      <g>
+        <rect x="0.3" y="411.9" class="st8" width="300.3" height="2" />
+        <g id="XMLID_50_">
+          <g>
+            <rect x="74.1" y="293.4" class="st8" width="12" height="2" />
+          </g>
+        </g>
+        <rect x="74.1" y="264.9" class="st8" width="12" height="2" />
+        <g id="XMLID_49_">
+          <g>
+            <rect x="38.1" y="293.4" class="st8" width="12" height="2" />
+          </g>
+        </g>
+        <rect x="38.1" y="264.9" class="st8" width="12" height="2" />
+        <g id="XMLID_48_">
+          <g>
+            <rect x="2.1" y="293.4" class="st8" width="12" height="2" />
+          </g>
+        </g>
+        <rect x="2.1" y="264.9" class="st8" width="12" height="2" />
+        <g>
+          <g id="XMLID_47_">
+            <g>
+              <rect x="288.7" y="381.6" class="st8" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="288.7" y="351.4" class="st8" width="12" height="2" />
+          <g id="XMLID_46_">
+            <g>
+              <rect x="252.7" y="381.6" class="st8" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="252.7" y="351.4" class="st8" width="12" height="2" />
+          <g id="XMLID_45_">
+            <g>
+              <rect x="216.7" y="381.6" class="st8" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="216.7" y="351.4" class="st8" width="12" height="2" />
+          <g id="XMLID_44_">
+            <g>
+              <rect x="180.7" y="381.6" class="st8" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="180.7" y="351.4" class="st8" width="12" height="2" />
+          <g id="XMLID_43_">
+            <g>
+              <rect x="144.7" y="381.6" class="st8" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="144.7" y="351.4" class="st8" width="12" height="2" />
+          <g id="XMLID_42_">
+            <g>
+              <rect x="108.7" y="381.6" class="st8" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="108.7" y="351.4" class="st8" width="12" height="2" />
+          <g id="XMLID_41_">
+            <g>
+              <rect x="72.7" y="381.6" class="st8" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="72.7" y="351.4" class="st8" width="12" height="2" />
+          <g id="XMLID_40_">
+            <g>
+              <rect x="36.7" y="381.6" class="st8" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="36.7" y="351.4" class="st8" width="12" height="2" />
+          <g id="XMLID_39_">
+            <g>
+              <rect x="0.7" y="381.6" class="st8" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="0.7" y="351.4" class="st8" width="12" height="2" />
+        </g>
+        <g>
+          <g>
+            <rect x="0.2" y="321.8" class="st7" width="299.4" height="2" />
+          </g>
+          <rect x="110.1" y="293.4" class="st8" width="189.2" height="2" />
+          <rect x="110.1" y="264.9" class="st8" width="189.2" height="2" />
+          <rect x="0.2" y="236.5" class="st8" width="299.8" height="2" />
+          <polygon
+            class="st8"
+            points="298.7,218.9 300.7,218.9 300.7,323.8 298.7,323.8 298.7,287.8 298.7,285.3 298.7,251.6 298.7,249.3
+             "
+          />
+        </g>
+      </g>
+      <g>
+        <rect x="520.7" y="458.5" class="st8" width="2" height="191.4" />
+        <g>
+          <g id="XMLID_18_">
+            <g>
+              <rect x="490.5" y="458.5" class="st8" width="2" height="12" />
+            </g>
+          </g>
+          <rect x="460.2" y="458.5" class="st8" width="2" height="12" />
+          <g id="XMLID_17_">
+            <g>
+              <rect x="490.5" y="494.5" class="st8" width="2" height="12" />
+            </g>
+          </g>
+          <rect x="460.2" y="494.5" class="st8" width="2" height="12" />
+          <g id="XMLID_16_">
+            <g>
+              <rect x="490.5" y="530.5" class="st8" width="2" height="12" />
+            </g>
+          </g>
+          <rect x="460.2" y="530.5" class="st8" width="2" height="12" />
+          <g id="XMLID_14_">
+            <g>
+              <rect x="490.5" y="566.5" class="st8" width="2" height="12" />
+            </g>
+          </g>
+          <rect x="460.2" y="566.5" class="st8" width="2" height="12" />
+          <g id="XMLID_13_">
+            <g>
+              <rect x="490.5" y="602.5" class="st8" width="2" height="12" />
+            </g>
+          </g>
+          <rect x="460.2" y="602.5" class="st8" width="2" height="12" />
+          <g id="XMLID_12_">
+            <g>
+              <rect x="490.5" y="638.5" class="st8" width="2" height="11.4" />
+            </g>
+          </g>
+          <rect x="460.2" y="638.5" class="st8" width="2" height="11.4" />
+        </g>
+        <g>
+          <g>
+            <rect x="430.6" y="459.5" class="st7" width="2" height="190.4" />
+          </g>
+          <rect x="402.2" y="459.9" class="st8" width="2" height="190" />
+          <rect x="373.8" y="459.9" class="st8" width="2" height="190" />
+          <rect x="345.4" y="459" class="st8" width="2" height="190.8" />
+          <polygon
+            class="st8"
+            points="327.8,460.5 327.8,458.5 432.6,458.5 432.6,460.5 396.6,460.5 394.1,460.5 360.5,460.5 358.1,460.5
+             "
+          />
+        </g>
+      </g>
+      <g>
+        <rect x="347.3" y="-0.2" class="st8" width="2" height="191.4" />
+        <g>
+          <g id="XMLID_20_">
+            <g>
+              <rect x="377.5" y="179.3" class="st8" width="2" height="12" />
+            </g>
+          </g>
+          <rect x="407.7" y="179.3" class="st8" width="2" height="12" />
+          <g id="XMLID_19_">
+            <g>
+              <rect x="377.5" y="143.3" class="st8" width="2" height="12" />
+            </g>
+          </g>
+          <rect x="407.7" y="143.3" class="st8" width="2" height="12" />
+          <g id="XMLID_11_">
+            <g>
+              <rect x="377.5" y="107.3" class="st8" width="2" height="12" />
+            </g>
+          </g>
+          <rect x="407.7" y="107.3" class="st8" width="2" height="12" />
+          <g id="XMLID_6_">
+            <g>
+              <rect x="377.5" y="71.3" class="st8" width="2" height="12" />
+            </g>
+          </g>
+          <rect x="407.7" y="71.3" class="st8" width="2" height="12" />
+          <g id="XMLID_5_">
+            <g>
+              <rect x="377.5" y="35.3" class="st8" width="2" height="12" />
+            </g>
+          </g>
+          <rect x="407.7" y="35.3" class="st8" width="2" height="12" />
+          <g id="XMLID_2_">
+            <g>
+              <rect x="377.5" y="-0.2" class="st8" width="2" height="11.4" />
+            </g>
+          </g>
+          <rect x="407.7" y="-0.2" class="st8" width="2" height="11.4" />
+        </g>
+        <g>
+          <g>
+            <rect x="437.4" y="-0.2" class="st7" width="2" height="190.4" />
+          </g>
+          <rect x="465.8" y="-0.2" class="st8" width="2" height="190" />
+          <rect x="494.2" y="-0.2" class="st8" width="2" height="190" />
+          <rect x="522.6" y="-0.2" class="st8" width="2" height="190.8" />
+          <polygon
+            class="st8"
+            points="542.2,189.3 542.2,191.3 437.4,191.3 437.4,189.3 473.4,189.3 475.9,189.3 509.5,189.3 511.9,189.3
+             "
+          />
+        </g>
+      </g>
+    </g>
+  </svg>
+</template>
+<script>
+export default {
+  name: 'tWestroad',
+  data () {
+    return {}
+  },
+  props: {
+    Width: {
+      type: String,
+      default: '870px'
+    },
+    Height: {
+      type: String,
+      default: '650px'
+    },
+    showPed: {
+      type: Boolean,
+      default: false
+    }
+  },
+  methods: {},
+  mounted () {}
+}
+</script>
+<style scoped>
+.st0 {
+  display: none;
+  fill: #77fb65;
+}
+.st1 {
+  display: none;
+  fill: #ff2828;
+}
+.st2 {
+  fill: #3d3939;
+}
+.st3 {
+  opacity: 0.9;
+}
+.st4 {
+  fill: #f2f2f2;
+}
+.st5 {
+  fill: #1eaa39;
+}
+.st6 {
+  fill: #e5e5d8;
+}
+.st7 {
+  fill: #ccb63a;
+}
+.st8 {
+  fill: #dddddd;
+}
+.invisible {
+  visibility: hidden;
+}
+</style>