npm - openatc-components - Versions diffs - 0.3.12 → 0.3.14 - Mend

openatc-components 0.3.12 → 0.3.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (492) hide show

package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/leftroad/LCrossRoadsSvg.vue CHANGED Viewed

@@ -1,494 +1,640 @@
-/**
- * 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"
-  >
-    <path
-      class="st0"
-      d="M-0.3,217.4v18V413v18l0,0h306.5c11.6,0,21,9.4,21,21v197.7l0,0h18h179.6h18l0,0V452c0.1-11.6,9.5-21,21-21H870
-l0,0v-18V235.4v-18l0,0H563.8c-11.6-0.1-21-9.5-21.1-21V-0.3l0,0h-18H345.1h-18l0,0v196.7c0,11.4-9.6,21-21,21H-0.3L-0.3,217.4z"
-    ></path>
-    <g id="人行道" :class="showPed === true ? '' : 'invisible'">
-      <g class="st1">
-        <g>
-          <rect x="519.1" y="199.1" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="526.9" y="199.1" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="534.4" y="199.1" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="511.3" y="199.1" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="503.5" y="199.1" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="495.7" y="199.1" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="487.9" y="199.1" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="480.1" y="199.1" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="472.3" y="199.1" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="464.5" y="199.1" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="456.7" y="199.1" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="448.9" y="199.1" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="441" y="199.1" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="433.2" y="199.1" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="425.4" y="199.1" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="417.6" y="199.1" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="409.8" y="199.1" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="402" y="199.1" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="394.2" y="199.1" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="386.4" y="199.1" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="378.6" y="199.1" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="370.8" y="199.1" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="363" y="199.1" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="355.2" y="199.1" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="347.4" y="199.1" class="st2" width="4" height="16.3"></rect>
-          <rect x="339.4" y="199.1" class="st2" width="4" height="16.3"></rect>
-          <rect x="331.5" y="199.1" class="st2" width="4" height="16.3"></rect>
-        </g>
-      </g>
-      <g class="st1">
-        <rect x="308.5" y="236.8" class="st2" width="16.5" height="4"></rect>
-        <rect x="308.5" y="229" class="st2" width="16.5" height="4"></rect>
-        <rect x="308.5" y="221.2" class="st2" width="16.5" height="4"></rect>
-        <rect x="308.5" y="244.6" class="st2" width="16.5" height="4"></rect>
-        <rect x="308.5" y="252.3" class="st2" width="16.5" height="4"></rect>
-        <rect x="308.5" y="260" class="st2" width="16.5" height="4"></rect>
-        <rect x="308.5" y="267.7" class="st2" width="16.5" height="4"></rect>
-        <rect x="308.5" y="275.5" class="st2" width="16.5" height="4"></rect>
-        <rect x="308.5" y="283.2" class="st2" width="16.5" height="4"></rect>
-        <rect x="308.5" y="290.9" class="st2" width="16.5" height="4"></rect>
-        <rect x="308.5" y="298.6" class="st2" width="16.5" height="4"></rect>
-        <rect x="308.5" y="306.3" class="st2" width="16.5" height="4"></rect>
-        <rect x="308.5" y="314.1" class="st2" width="16.5" height="4"></rect>
-        <rect x="308.5" y="321.8" class="st2" width="16.5" height="4"></rect>
-        <rect x="308.5" y="329.5" class="st2" width="16.5" height="4"></rect>
-        <rect x="308.5" y="337.2" class="st2" width="16.5" height="4"></rect>
-        <rect x="308.5" y="345" class="st2" width="16.5" height="4"></rect>
-        <rect x="308.5" y="352.7" class="st2" width="16.5" height="4"></rect>
-        <rect x="308.5" y="360.4" class="st2" width="16.5" height="4"></rect>
-        <rect x="308.5" y="368.1" class="st2" width="16.5" height="4"></rect>
-        <rect x="308.5" y="375.8" class="st2" width="16.5" height="4"></rect>
-        <rect x="308.5" y="383.6" class="st2" width="16.5" height="4"></rect>
-        <rect x="308.5" y="391.3" class="st2" width="16.5" height="4"></rect>
-        <rect x="308.5" y="399" class="st2" width="16.5" height="4"></rect>
-        <rect x="308.5" y="406.7" class="st2" width="16.5" height="4"></rect>
-        <rect x="308.5" y="415" class="st2" width="16.5" height="4"></rect>
-        <rect x="308.5" y="423" class="st2" width="16.5" height="4"></rect>
-      </g>
-      <g class="st1">
-        <rect x="544.1" y="236.8" class="st2" width="16.5" height="4"></rect>
-        <rect x="544.1" y="228.5" class="st2" width="16.5" height="4"></rect>
-        <rect x="544.1" y="220.6" class="st2" width="16.5" height="4"></rect>
-        <rect x="544.1" y="244.6" class="st2" width="16.5" height="4"></rect>
-        <rect x="544.1" y="252.3" class="st2" width="16.5" height="4"></rect>
-        <rect x="544.1" y="260" class="st2" width="16.5" height="4"></rect>
-        <rect x="544.1" y="267.7" class="st2" width="16.5" height="4"></rect>
-        <rect x="544.1" y="275.5" class="st2" width="16.5" height="4"></rect>
-        <rect x="544.1" y="283.2" class="st2" width="16.5" height="4"></rect>
-        <rect x="544.1" y="290.9" class="st2" width="16.5" height="4"></rect>
-        <rect x="544.1" y="298.6" class="st2" width="16.5" height="4"></rect>
-        <rect x="544.1" y="306.3" class="st2" width="16.5" height="4"></rect>
-        <rect x="544.1" y="314.1" class="st2" width="16.5" height="4"></rect>
-        <rect x="544.1" y="321.8" class="st2" width="16.5" height="4"></rect>
-        <rect x="544.1" y="329.5" class="st2" width="16.5" height="4"></rect>
-        <rect x="544.1" y="337.2" class="st2" width="16.5" height="4"></rect>
-        <rect x="544.1" y="345" class="st2" width="16.5" height="4"></rect>
-        <rect x="544.1" y="352.7" class="st2" width="16.5" height="4"></rect>
-        <rect x="544.1" y="360.4" class="st2" width="16.5" height="4"></rect>
-        <rect x="544.1" y="368.1" class="st2" width="16.5" height="4"></rect>
-        <rect x="544.1" y="375.8" class="st2" width="16.5" height="4"></rect>
-        <rect x="544.1" y="383.6" class="st2" width="16.5" height="4"></rect>
-        <rect x="544.1" y="391.3" class="st2" width="16.5" height="4"></rect>
-        <rect x="544.1" y="399" class="st2" width="16.5" height="4"></rect>
-        <rect x="544.1" y="406.7" class="st2" width="16.5" height="4"></rect>
-        <rect x="544.1" y="414.4" class="st2" width="16.5" height="4"></rect>
-        <rect x="544.1" y="422.7" class="st2" width="16.5" height="4"></rect>
-      </g>
-      <g class="st1">
-        <g>
-          <rect x="346.5" y="433" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="338.5" y="433" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="331" y="433" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="354.3" y="433" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="362.1" y="433" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="369.9" y="433" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="377.7" y="433" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="385.5" y="433" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="393.3" y="433" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="401.1" y="433" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="408.9" y="433" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="416.7" y="433" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="424.6" y="433" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="432.4" y="433" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="440.2" y="433" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="448" y="433" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="455.8" y="433" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="463.6" y="433" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="471.4" y="433" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="479.2" y="433" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="487" y="433" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="494.8" y="433" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="502.6" y="433" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="510.4" y="433" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="518.2" y="433" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="525.7" y="433" class="st2" width="4" height="16.3"></rect>
-        </g>
-        <g>
-          <rect x="533.1" y="433" class="st2" width="4" height="16.3"></rect>
-        </g>
-      </g>
-    </g>
-    <g>
-      <rect x="751.2" y="266.8" class="st3" width="11.6" height="2"></rect>
-      <rect x="728.1" y="266.8" class="st3" width="11.6" height="2"></rect>
-      <rect x="612.6" y="266.8" class="st3" width="11.6" height="2"></rect>
-      <rect x="635.7" y="266.8" class="st3" width="11.6" height="2"></rect>
-      <rect x="774.3" y="266.8" class="st3" width="11.6" height="2"></rect>
-      <rect x="681.9" y="266.8" class="st3" width="11.6" height="2"></rect>
-      <rect x="658.8" y="266.8" class="st3" width="11.6" height="2"></rect>
-      <rect x="705" y="266.8" class="st3" width="11.6" height="2"></rect>
-      <rect x="843.7" y="266.8" class="st3" width="11.6" height="2"></rect>
-      <rect x="866.8" y="266.8" class="st3" width="3.1" height="2"></rect>
-      <rect x="820.6" y="266.8" class="st3" width="11.6" height="2"></rect>
-      <rect x="589.4" y="266.8" class="st3" width="11.6" height="2"></rect>
-      <rect x="797.5" y="266.8" class="st3" width="11.6" height="2"></rect>
-      <rect x="571.9" y="266.8" class="st3" width="6" height="2"></rect>
-      <rect x="658.8" y="297.1" class="st3" width="11.6" height="2"></rect>
-      <rect x="635.7" y="297.1" class="st3" width="11.6" height="2"></rect>
-      <rect x="589.4" y="297.1" class="st3" width="11.6" height="2"></rect>
-      <rect x="612.6" y="297.1" class="st3" width="11.6" height="2"></rect>
-      <rect x="705" y="297.1" class="st3" width="11.6" height="2"></rect>
-      <rect x="797.5" y="297.1" class="st3" width="11.6" height="2"></rect>
-      <rect x="843.7" y="297.1" class="st3" width="11.6" height="2"></rect>
-      <rect x="820.6" y="297.1" class="st3" width="11.6" height="2"></rect>
-      <rect x="681.9" y="297.1" class="st3" width="11.6" height="2"></rect>
-      <rect x="866.8" y="297.1" class="st3" width="3.1" height="2"></rect>
-      <rect x="728.1" y="297.1" class="st3" width="11.6" height="2"></rect>
-      <rect x="751.2" y="297.1" class="st3" width="11.6" height="2"></rect>
-      <rect x="774.3" y="297.1" class="st3" width="11.6" height="2"></rect>
-      <rect x="571.9" y="297.1" class="st3" width="6" height="2"></rect>
-    </g>
-    <g>
-      <g>
-        <rect x="571.7" y="326.1" class="st4" width="298.2" height="2"></rect>
-      </g>
-      <rect x="572.7" y="354.5" class="st3" width="297.2" height="2"></rect>
-      <rect x="571.9" y="236.1" class="st3" width="298" height="2"></rect>
-      <rect x="572.7" y="382.9" class="st3" width="297.2" height="2"></rect>
-      <rect x="572.7" y="411.3" class="st3" width="297.2" height="2"></rect>
-      <polygon
-        class="st3"
-        points="572.7,431 570.7,431 570.7,326.1 572.7,326.1 572.7,362.2 572.7,364.6 572.7,398.2 572.7,400.7"
-      ></polygon>
-    </g>
-    <g>
-      <rect x="107.5" y="379.6" class="st3" width="11.6" height="2"></rect>
-      <rect x="130.6" y="379.6" class="st3" width="11.6" height="2"></rect>
-      <rect x="246.1" y="379.6" class="st3" width="11.6" height="2"></rect>
-      <rect x="223" y="379.6" class="st3" width="11.6" height="2"></rect>
-      <rect x="84.4" y="379.6" class="st3" width="11.6" height="2"></rect>
-      <rect x="176.8" y="379.6" class="st3" width="11.6" height="2"></rect>
-      <rect x="199.9" y="379.6" class="st3" width="11.6" height="2"></rect>
-      <rect x="153.7" y="379.6" class="st3" width="11.6" height="2"></rect>
-      <rect x="15" y="379.6" class="st3" width="11.6" height="2"></rect>
-      <rect x="-0.3" y="379.6" class="st3" width="3.8" height="2"></rect>
-      <rect x="38.1" y="379.6" class="st3" width="11.6" height="2"></rect>
-      <rect x="269.3" y="379.6" class="st3" width="11.6" height="2"></rect>
-      <rect x="61.2" y="379.6" class="st3" width="11.6" height="2"></rect>
-      <rect x="292.4" y="379.6" class="st3" width="6" height="2"></rect>
-      <rect x="199.9" y="349.3" class="st3" width="11.6" height="2"></rect>
-      <rect x="223" y="349.3" class="st3" width="11.6" height="2"></rect>
-      <rect x="269.3" y="349.3" class="st3" width="11.6" height="2"></rect>
-      <rect x="246.1" y="349.3" class="st3" width="11.6" height="2"></rect>
-      <rect x="153.7" y="349.3" class="st3" width="11.6" height="2"></rect>
-      <rect x="61.2" y="349.3" class="st3" width="11.6" height="2"></rect>
-      <rect x="15" y="349.3" class="st3" width="11.6" height="2"></rect>
-      <rect x="38.1" y="349.3" class="st3" width="11.6" height="2"></rect>
-      <rect x="176.8" y="349.3" class="st3" width="11.6" height="2"></rect>
-      <rect x="-0.3" y="349.3" class="st3" width="3.8" height="2"></rect>
-      <rect x="130.6" y="349.3" class="st3" width="11.6" height="2"></rect>
-      <rect x="107.5" y="349.3" class="st3" width="11.6" height="2"></rect>
-      <rect x="84.4" y="349.3" class="st3" width="11.6" height="2"></rect>
-      <rect x="292.4" y="349.3" class="st3" width="6" height="2"></rect>
-    </g>
-    <g>
-      <g>
-        <rect x="-0.4" y="319.6" class="st4" width="299.4" height="2"></rect>
-      </g>
-      <rect x="-0.4" y="291.2" class="st3" width="298.4" height="2"></rect>
-      <rect x="-0.3" y="409.7" class="st3" width="298.7" height="2"></rect>
-      <rect x="-0.4" y="262.8" class="st3" width="298.4" height="2"></rect>
-      <rect x="-0.4" y="234.4" class="st3" width="299.8" height="2"></rect>
-      <polygon
-        class="st3"
-        points="298,216.8 300,216.8 300,321.6 298,321.6 298,285.6 298,283.1 298,249.5 298,247.1"
-      ></polygon>
-    </g>
-    <g>
-      <rect x="378.1" y="-0.3" class="st3" width="2" height="9"></rect>
-      <rect x="378.1" y="20.2" class="st3" width="2" height="11.6"></rect>
-      <rect x="378.1" y="135.7" class="st3" width="2" height="11.6"></rect>
-      <rect x="378.1" y="112.6" class="st3" width="2" height="11.6"></rect>
-      <rect x="378.1" y="66.4" class="st3" width="2" height="11.6"></rect>
-      <rect x="378.1" y="89.5" class="st3" width="2" height="11.6"></rect>
-      <rect x="378.1" y="43.3" class="st3" width="2" height="11.6"></rect>
-      <rect x="378.1" y="158.9" class="st3" width="2" height="11.6"></rect>
-      <rect x="378.1" y="182" class="st3" width="2" height="6"></rect>
-      <rect x="408.4" y="89.5" class="st3" width="2" height="11.6"></rect>
-      <rect x="408.4" y="112.6" class="st3" width="2" height="11.6"></rect>
-      <rect x="408.4" y="158.9" class="st3" width="2" height="11.6"></rect>
-      <rect x="408.4" y="135.7" class="st3" width="2" height="11.6"></rect>
-      <rect x="408.4" y="43.3" class="st3" width="2" height="11.6"></rect>
-      <rect x="408.4" y="66.4" class="st3" width="2" height="11.6"></rect>
-      <rect x="408.4" y="20.2" class="st3" width="2" height="11.6"></rect>
-      <rect x="408.4" y="-0.3" class="st3" width="2" height="9"></rect>
-      <rect x="408.4" y="182" class="st3" width="2" height="6"></rect>
-    </g>
-    <g>
-      <g>
-        <rect x="437.4" y="-0.3" class="st4" width="2" height="188.4"></rect>
-      </g>
-      <rect x="465.8" y="-0.3" class="st3" width="2" height="187.4"></rect>
-      <rect x="494.2" y="-0.3" class="st3" width="2" height="187.4"></rect>
-      <rect x="522.6" y="-0.3" class="st3" width="2" height="187.4"></rect>
-      <rect x="347.5" y="-0.3" class="st3" width="2" height="188.3"></rect>
-      <polyline class="st3" points="542,187.1 542,189.1 437.4,189.1 437.4,187.1"></polyline>
-    </g>
-    <g>
-      <rect x="490.1" y="640.5" class="st3" width="2" height="9.2"></rect>
-      <rect x="490.1" y="617.4" class="st3" width="2" height="11.6"></rect>
-      <rect x="490.1" y="501.9" class="st3" width="2" height="11.6"></rect>
-      <rect x="490.1" y="525" class="st3" width="2" height="11.6"></rect>
-      <rect x="490.1" y="571.2" class="st3" width="2" height="11.6"></rect>
-      <rect x="490.1" y="548.1" class="st3" width="2" height="11.6"></rect>
-      <rect x="490.1" y="594.3" class="st3" width="2" height="11.6"></rect>
-      <rect x="490.1" y="478.7" class="st3" width="2" height="11.6"></rect>
-      <rect x="490.1" y="461.2" class="st3" width="2" height="6"></rect>
-      <rect x="459.8" y="548.1" class="st3" width="2" height="11.6"></rect>
-      <rect x="459.8" y="525" class="st3" width="2" height="11.6"></rect>
-      <rect x="459.8" y="478.7" class="st3" width="2" height="11.6"></rect>
-      <rect x="459.8" y="501.9" class="st3" width="2" height="11.6"></rect>
-      <rect x="459.8" y="594.3" class="st3" width="2" height="11.6"></rect>
-      <rect x="459.8" y="571.2" class="st3" width="2" height="11.6"></rect>
-      <rect x="459.8" y="617.4" class="st3" width="2" height="11.6"></rect>
-      <rect x="459.8" y="640.5" class="st3" width="2" height="9.2"></rect>
-      <rect x="459.8" y="461.2" class="st3" width="2" height="6"></rect>
-    </g>
-    <g>
-      <g>
-        <rect x="430.7" y="461" class="st4" width="2" height="188.7"></rect>
-      </g>
-      <rect x="402.3" y="462" class="st3" width="2" height="187.7"></rect>
-      <rect x="520.5" y="461.2" class="st3" width="2" height="188.2"></rect>
-      <rect x="373.9" y="462" class="st3" width="2" height="187.7"></rect>
-      <rect x="345.5" y="462" class="st3" width="2" height="187.7"></rect>
-      <polygon
-        class="st3"
-        points="327.6,462 327.6,460 432.7,460 432.7,462 396.5,462 394.1,462 360.4,462 358,462"
-      ></polygon>
-    </g>
-    <path class="st5" d="M868.7,226.4L868.7,226.4C868.5,226.4,868.6,226.4,868.7,226.4z"></path>
-    <path class="st5" d="M868.7,226.4L868.7,226.4C868.9,226.4,868.8,226.4,868.7,226.4z"></path>
-    <path
-      class="st6"
-      d="M-0.3,198.4h295.9c6.9,0,12.5-5.6,12.5-12.5V-0.3l0,0h-1v186.2c0,6.4-5.2,11.5-11.5,11.5H-0.3V198.4z"
-    ></path>
-    <path
-      class="st4"
-      d="M-0.3,214.4l0,3H308c10.8,0,19.6-8.8,19.6-19.6V-0.3h-3v198.1c0,9.1-7.4,16.6-16.6,16.6H-0.3L-0.3,214.4z"
-    ></path>
-    <path
-      class="st6"
-      d="M-0.3,451h295.9c6.4,0,11.5,5.2,11.5,11.5v187.2h1l0,0V462.5c0-6.9-5.6-12.5-12.5-12.5H-0.3V451z"
-    ></path>
-    <path
-      class="st4"
-      d="M-0.3,434l0-3H308c10.8,0,19.6,8.8,19.6,19.6v199.1h-3V450.6c0-9.1-7.4-16.6-16.6-16.6H-0.3L-0.3,434z"
-    ></path>
-    <path
-      class="st6"
-      d="M870,450H574c-6.9,0-12.5,5.6-12.5,12.5v187.2l0,0h1V462.5c0-6.4,5.2-11.5,11.5-11.5h296
-C870,451,870,450,870,450z"
-    ></path>
-    <path
-      class="st4"
-      d="M870,431H561.6c-10.8,0-19.6,8.8-19.6,19.6v199.1h3V450.6c0-9.1,7.4-16.6,16.6-16.6H870V431z"
-    ></path>
-    <g>
-      <path
-        class="st6"
-        d="M870,197.4H574c-6.4,0-11.5-5.2-11.5-11.5V-0.3h-1l0,0v186.2c0,6.9,5.6,12.5,12.5,12.5h296
-C870,198.4,870,197.4,870,197.4z"
-      ></path>
-    </g>
-    <path
-      class="st4"
-      d="M870,217.4H561.6c-10.8,0-19.6-8.8-19.6-19.6V-0.3h3v198.1c0,9.1,7.4,16.6,16.6,16.6H870V217.4z"
-    ></path>
-  </svg>
-</template>
-<script>
-/* eslint-disable */
-export default {
-  name: "crossroads",
-  data() {
-    return {};
-  },
-  props: {
-    Width: {
-      type: String,
-      default: "870px"
-    },
-    Height: {
-      type: String,
-      default: "650px"
-    },
-    showPed: {
-      type: Boolean,
-      default: false
-    }
-  },
-  methods: {},
-  mounted() {
-    console.log(this.showPed);
-  }
-};
-</script>
-<style scoped>
-.st0 {
-  fill: #3d3939;
-}
-.st1 {
-  opacity: 0.9;
-}
-.st2 {
-  fill: #f2f2f2;
-}
-.st3 {
-  fill: #dddddd;
-}
-.st4 {
-  fill: #ccb63a;
-}
-.st5 {
-  fill: #1eaa39;
-}
-.st6 {
-  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>
+      <path
+        class="st0"
+        d="M870.1,432.5v-18V236.9v-18l0,0H563.6c-11.6,0-21-9.4-21-21V0.1l0,0h-18H345h-18l0,0v197.7
+   c-0.1,11.6-9.5,21-21,21H-0.2l0,0v18v177.6v18l0,0H306c11.6,0.1,21,9.5,21.1,21v196.7l0,0h18h179.6h18l0,0V453.5
+   c0-11.4,9.6-21,21-21H870.1L870.1,432.5z"
+      />
+      <g id="人行道_1_" :class="showPed === true ? '' : 'invisible'">
+        <g class="st1">
+          <g>
+            <rect x="346.7" y="434.4" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="338.9" y="434.4" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="331.4" y="434.4" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="354.5" y="434.4" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="362.3" y="434.4" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="370.1" y="434.4" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="377.9" y="434.4" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="385.7" y="434.4" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="393.5" y="434.4" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="401.3" y="434.4" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="409.1" y="434.4" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="416.9" y="434.4" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="424.8" y="434.4" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="432.6" y="434.4" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="440.4" y="434.4" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="448.2" y="434.4" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="456" y="434.4" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="463.8" y="434.4" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="471.6" y="434.4" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="479.4" y="434.4" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="487.2" y="434.4" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="495" y="434.4" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="502.8" y="434.4" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="510.6" y="434.4" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="518.4" y="434.4" class="st2" width="4" height="16.3" />
+            <rect x="526.4" y="434.4" class="st2" width="4" height="16.3" />
+            <rect x="534.3" y="434.4" class="st2" width="4" height="16.3" />
+          </g>
+        </g>
+        <g class="st1">
+          <rect x="544.8" y="409" class="st2" width="16.5" height="4" />
+          <rect x="544.8" y="416.9" class="st2" width="16.5" height="4" />
+          <rect x="544.8" y="424.6" class="st2" width="16.5" height="4" />
+          <rect x="544.8" y="401.3" class="st2" width="16.5" height="4" />
+          <rect x="544.8" y="393.6" class="st2" width="16.5" height="4" />
+          <rect x="544.8" y="385.9" class="st2" width="16.5" height="4" />
+          <rect x="544.8" y="378.1" class="st2" width="16.5" height="4" />
+          <rect x="544.8" y="370.4" class="st2" width="16.5" height="4" />
+          <rect x="544.8" y="362.6" class="st2" width="16.5" height="4" />
+          <rect x="544.8" y="355" class="st2" width="16.5" height="4" />
+          <rect x="544.8" y="347.3" class="st2" width="16.5" height="4" />
+          <rect x="544.8" y="339.6" class="st2" width="16.5" height="4" />
+          <rect x="544.8" y="331.8" class="st2" width="16.5" height="4" />
+          <rect x="544.8" y="324.1" class="st2" width="16.5" height="4" />
+          <rect x="544.8" y="316.4" class="st2" width="16.5" height="4" />
+          <rect x="544.8" y="308.6" class="st2" width="16.5" height="4" />
+          <rect x="544.8" y="300.9" class="st2" width="16.5" height="4" />
+          <rect x="544.8" y="293.1" class="st2" width="16.5" height="4" />
+          <rect x="544.8" y="285.5" class="st2" width="16.5" height="4" />
+          <rect x="544.8" y="277.8" class="st2" width="16.5" height="4" />
+          <rect x="544.8" y="270.1" class="st2" width="16.5" height="4" />
+          <rect x="544.8" y="262.3" class="st2" width="16.5" height="4" />
+          <rect x="544.8" y="254.6" class="st2" width="16.5" height="4" />
+          <rect x="544.8" y="246.9" class="st2" width="16.5" height="4" />
+          <rect x="544.8" y="239.1" class="st2" width="16.5" height="4" />
+          <rect x="544.8" y="230.9" class="st2" width="16.5" height="4" />
+          <rect x="544.8" y="222.9" class="st2" width="16.5" height="4" />
+        </g>
+        <g class="st1">
+          <rect x="309.2" y="409" class="st2" width="16.5" height="4" />
+          <rect x="309.2" y="417.4" class="st2" width="16.5" height="4" />
+          <rect x="309.2" y="425.3" class="st2" width="16.5" height="4" />
+          <rect x="309.2" y="401.3" class="st2" width="16.5" height="4" />
+          <rect x="309.2" y="393.6" class="st2" width="16.5" height="4" />
+          <rect x="309.2" y="385.9" class="st2" width="16.5" height="4" />
+          <rect x="309.2" y="378.1" class="st2" width="16.5" height="4" />
+          <rect x="309.2" y="370.4" class="st2" width="16.5" height="4" />
+          <rect x="309.2" y="362.6" class="st2" width="16.5" height="4" />
+          <rect x="309.2" y="355" class="st2" width="16.5" height="4" />
+          <rect x="309.2" y="347.3" class="st2" width="16.5" height="4" />
+          <rect x="309.2" y="339.6" class="st2" width="16.5" height="4" />
+          <rect x="309.2" y="331.8" class="st2" width="16.5" height="4" />
+          <rect x="309.2" y="324.1" class="st2" width="16.5" height="4" />
+          <rect x="309.2" y="316.4" class="st2" width="16.5" height="4" />
+          <rect x="309.2" y="308.6" class="st2" width="16.5" height="4" />
+          <rect x="309.2" y="300.9" class="st2" width="16.5" height="4" />
+          <rect x="309.2" y="293.1" class="st2" width="16.5" height="4" />
+          <rect x="309.2" y="285.5" class="st2" width="16.5" height="4" />
+          <rect x="309.2" y="277.8" class="st2" width="16.5" height="4" />
+          <rect x="309.2" y="270.1" class="st2" width="16.5" height="4" />
+          <rect x="309.2" y="262.3" class="st2" width="16.5" height="4" />
+          <rect x="309.2" y="254.6" class="st2" width="16.5" height="4" />
+          <rect x="309.2" y="246.9" class="st2" width="16.5" height="4" />
+          <rect x="309.2" y="239.1" class="st2" width="16.5" height="4" />
+          <rect x="309.2" y="231.5" class="st2" width="16.5" height="4" />
+          <rect x="309.2" y="223.1" class="st2" width="16.5" height="4" />
+        </g>
+        <g class="st1">
+          <g>
+            <rect x="519.3" y="200.6" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="527.3" y="200.6" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="534.8" y="200.6" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="511.5" y="200.6" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="503.7" y="200.6" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="495.9" y="200.6" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="488.1" y="200.6" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="480.3" y="200.6" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="472.5" y="200.6" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="464.7" y="200.6" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="456.9" y="200.6" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="449.1" y="200.6" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="441.2" y="200.6" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="433.4" y="200.6" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="425.6" y="200.6" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="417.8" y="200.6" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="410" y="200.6" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="402.2" y="200.6" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="394.4" y="200.6" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="386.6" y="200.6" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="378.8" y="200.6" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="371" y="200.6" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="363.2" y="200.6" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="355.4" y="200.6" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="347.6" y="200.6" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="340.1" y="200.6" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="332.7" y="200.6" class="st2" width="4" height="16.3" />
+          </g>
+        </g>
+      </g>
+      <path
+        class="st3"
+        d="M1.1,423.5L1.1,423.5C1.3,423.5,1.2,423.5,1.1,423.5z"
+      />
+      <path class="st3" d="M1.1,423.5L1.1,423.5C0.9,423.5,1,423.5,1.1,423.5z" />
+      <path
+        class="st4"
+        d="M870.1,451.5H574.2c-6.9,0-12.5,5.6-12.5,12.5v186.2l0,0h1V464c0-6.4,5.2-11.5,11.5-11.5h295.9V451.5z"
+      />
+      <path
+        class="st5"
+        d="M870.1,435.5l0-3H561.8c-10.8,0-19.6,8.8-19.6,19.6v198.1h3V452.1c0-9.1,7.4-16.6,16.6-16.6H870.1L870.1,435.5
+   z"
+      />
+      <path
+        class="st4"
+        d="M870.1,198.9H574.2c-6.4,0-11.5-5.2-11.5-11.5V0.1h-1l0,0v187.2c0,6.9,5.6,12.5,12.5,12.5h295.9V198.9z"
+      />
+      <path
+        class="st5"
+        d="M870.1,215.9l0,3H561.8c-10.8,0-19.6-8.8-19.6-19.6V0.1h3v199.1c0,9.1,7.4,16.6,16.6,16.6H870.1L870.1,215.9z"
+      />
+      <path
+        class="st4"
+        d="M-0.2,199.9h296c6.9,0,12.5-5.6,12.5-12.5V0.1l0,0h-1v187.2c0,6.4-5.2,11.5-11.5,11.5h-296
+   C-0.2,198.9-0.2,199.9-0.2,199.9z"
+      />
+      <path
+        class="st5"
+        d="M-0.2,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.6H-0.2V218.9z"
+      />
+      <g>
+        <path
+          class="st4"
+          d="M-0.2,452.5h296c6.4,0,11.5,5.2,11.5,11.5v186.2h1l0,0V464c0-6.9-5.6-12.5-12.5-12.5h-296
+     C-0.2,451.5-0.2,452.5-0.2,452.5z"
+        />
+      </g>
+      <path
+        class="st5"
+        d="M-0.2,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.6H-0.2V432.4z"
+      />
+      <g>
+        <rect x="569.7" y="237.6" class="st6" width="300.3" height="2" />
+        <g id="XMLID_9_">
+          <g>
+            <rect x="784.3" y="356.1" class="st6" width="12" height="2" />
+          </g>
+        </g>
+        <rect x="784.3" y="384.5" class="st6" width="12" height="2" />
+        <g id="XMLID_4_">
+          <g>
+            <rect x="820.3" y="356.1" class="st6" width="12" height="2" />
+          </g>
+        </g>
+        <rect x="820.3" y="384.5" class="st6" width="12" height="2" />
+        <g id="XMLID_10_">
+          <g>
+            <rect x="856.3" y="356.1" class="st6" width="12" height="2" />
+          </g>
+        </g>
+        <rect x="856.3" y="384.5" class="st6" width="12" height="2" />
+        <g>
+          <g id="XMLID_28_">
+            <g>
+              <rect x="569.7" y="267.8" class="st6" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="569.7" y="298" class="st6" width="12" height="2" />
+          <g id="XMLID_27_">
+            <g>
+              <rect x="605.7" y="267.8" class="st6" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="605.7" y="298" class="st6" width="12" height="2" />
+          <g id="XMLID_26_">
+            <g>
+              <rect x="641.7" y="267.8" class="st6" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="641.7" y="298" class="st6" width="12" height="2" />
+          <g id="XMLID_25_">
+            <g>
+              <rect x="677.7" y="267.8" class="st6" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="677.7" y="298" class="st6" width="12" height="2" />
+          <g id="XMLID_24_">
+            <g>
+              <rect x="713.7" y="267.8" class="st6" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="713.7" y="298" class="st6" width="12" height="2" />
+          <g id="XMLID_23_">
+            <g>
+              <rect x="749.7" y="267.8" class="st6" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="749.7" y="298" class="st6" width="12" height="2" />
+          <g id="XMLID_22_">
+            <g>
+              <rect x="785.7" y="267.8" class="st6" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="785.7" y="298" class="st6" width="12" height="2" />
+          <g id="XMLID_21_">
+            <g>
+              <rect x="821.7" y="267.8" class="st6" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="821.7" y="298" class="st6" width="12" height="2" />
+          <g id="XMLID_3_">
+            <g>
+              <rect x="857.7" y="267.8" class="st6" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="857.7" y="298" class="st6" width="12" height="2" />
+        </g>
+        <g>
+          <g>
+            <rect x="570.7" y="327.6" class="st5" width="299.4" height="2" />
+          </g>
+          <rect x="571.1" y="356.1" class="st6" width="189.2" height="2" />
+          <rect x="571.1" y="384.5" class="st6" width="189.2" height="2" />
+          <rect x="570.4" y="412.9" class="st6" width="299.8" height="2" />
+          <polygon
+            class="st6"
+            points="571.7,432.5 569.7,432.5 569.7,327.6 571.7,327.6 571.7,363.6 571.7,366.1 571.7,399.8 571.7,402.1
+             "
+          />
+        </g>
+      </g>
+      <g>
+        <rect x="0.3" y="411.9" class="st6" width="300.3" height="2" />
+        <g id="XMLID_50_">
+          <g>
+            <rect x="74.1" y="293.4" class="st6" width="12" height="2" />
+          </g>
+        </g>
+        <rect x="74.1" y="264.9" class="st6" width="12" height="2" />
+        <g id="XMLID_49_">
+          <g>
+            <rect x="38.1" y="293.4" class="st6" width="12" height="2" />
+          </g>
+        </g>
+        <rect x="38.1" y="264.9" class="st6" width="12" height="2" />
+        <g id="XMLID_48_">
+          <g>
+            <rect x="2.1" y="293.4" class="st6" width="12" height="2" />
+          </g>
+        </g>
+        <rect x="2.1" y="264.9" class="st6" width="12" height="2" />
+        <g>
+          <g id="XMLID_47_">
+            <g>
+              <rect x="288.7" y="381.6" class="st6" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="288.7" y="351.4" class="st6" width="12" height="2" />
+          <g id="XMLID_46_">
+            <g>
+              <rect x="252.7" y="381.6" class="st6" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="252.7" y="351.4" class="st6" width="12" height="2" />
+          <g id="XMLID_45_">
+            <g>
+              <rect x="216.7" y="381.6" class="st6" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="216.7" y="351.4" class="st6" width="12" height="2" />
+          <g id="XMLID_44_">
+            <g>
+              <rect x="180.7" y="381.6" class="st6" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="180.7" y="351.4" class="st6" width="12" height="2" />
+          <g id="XMLID_43_">
+            <g>
+              <rect x="144.7" y="381.6" class="st6" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="144.7" y="351.4" class="st6" width="12" height="2" />
+          <g id="XMLID_42_">
+            <g>
+              <rect x="108.7" y="381.6" class="st6" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="108.7" y="351.4" class="st6" width="12" height="2" />
+          <g id="XMLID_41_">
+            <g>
+              <rect x="72.7" y="381.6" class="st6" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="72.7" y="351.4" class="st6" width="12" height="2" />
+          <g id="XMLID_40_">
+            <g>
+              <rect x="36.7" y="381.6" class="st6" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="36.7" y="351.4" class="st6" width="12" height="2" />
+          <g id="XMLID_39_">
+            <g>
+              <rect x="0.7" y="381.6" class="st6" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="0.7" y="351.4" class="st6" width="12" height="2" />
+        </g>
+        <g>
+          <g>
+            <rect x="0.2" y="321.8" class="st5" width="299.4" height="2" />
+          </g>
+          <rect x="110.1" y="293.4" class="st6" width="189.2" height="2" />
+          <rect x="110.1" y="264.9" class="st6" width="189.2" height="2" />
+          <rect x="0.2" y="236.5" class="st6" width="299.8" height="2" />
+          <polygon
+            class="st6"
+            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="st6" width="2" height="191.4" />
+        <g>
+          <g id="XMLID_18_">
+            <g>
+              <rect x="490.5" y="458.5" class="st6" width="2" height="12" />
+            </g>
+          </g>
+          <rect x="460.2" y="458.5" class="st6" width="2" height="12" />
+          <g id="XMLID_17_">
+            <g>
+              <rect x="490.5" y="494.5" class="st6" width="2" height="12" />
+            </g>
+          </g>
+          <rect x="460.2" y="494.5" class="st6" width="2" height="12" />
+          <g id="XMLID_16_">
+            <g>
+              <rect x="490.5" y="530.5" class="st6" width="2" height="12" />
+            </g>
+          </g>
+          <rect x="460.2" y="530.5" class="st6" width="2" height="12" />
+          <g id="XMLID_14_">
+            <g>
+              <rect x="490.5" y="566.5" class="st6" width="2" height="12" />
+            </g>
+          </g>
+          <rect x="460.2" y="566.5" class="st6" width="2" height="12" />
+          <g id="XMLID_13_">
+            <g>
+              <rect x="490.5" y="602.5" class="st6" width="2" height="12" />
+            </g>
+          </g>
+          <rect x="460.2" y="602.5" class="st6" width="2" height="12" />
+          <g id="XMLID_12_">
+            <g>
+              <rect x="490.5" y="638.5" class="st6" width="2" height="11.4" />
+            </g>
+          </g>
+          <rect x="460.2" y="638.5" class="st6" width="2" height="11.4" />
+        </g>
+        <g>
+          <g>
+            <rect x="430.6" y="459.5" class="st5" width="2" height="190.4" />
+          </g>
+          <rect x="402.2" y="459.9" class="st6" width="2" height="190" />
+          <rect x="373.8" y="459.9" class="st6" width="2" height="190" />
+          <rect x="345.4" y="459" class="st6" width="2" height="190.8" />
+          <polygon
+            class="st6"
+            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="st6" width="2" height="191.4" />
+        <g>
+          <g id="XMLID_20_">
+            <g>
+              <rect x="377.5" y="179.3" class="st6" width="2" height="12" />
+            </g>
+          </g>
+          <rect x="407.7" y="179.3" class="st6" width="2" height="12" />
+          <g id="XMLID_19_">
+            <g>
+              <rect x="377.5" y="143.3" class="st6" width="2" height="12" />
+            </g>
+          </g>
+          <rect x="407.7" y="143.3" class="st6" width="2" height="12" />
+          <g id="XMLID_11_">
+            <g>
+              <rect x="377.5" y="107.3" class="st6" width="2" height="12" />
+            </g>
+          </g>
+          <rect x="407.7" y="107.3" class="st6" width="2" height="12" />
+          <g id="XMLID_6_">
+            <g>
+              <rect x="377.5" y="71.3" class="st6" width="2" height="12" />
+            </g>
+          </g>
+          <rect x="407.7" y="71.3" class="st6" width="2" height="12" />
+          <g id="XMLID_5_">
+            <g>
+              <rect x="377.5" y="35.3" class="st6" width="2" height="12" />
+            </g>
+          </g>
+          <rect x="407.7" y="35.3" class="st6" width="2" height="12" />
+          <g id="XMLID_2_">
+            <g>
+              <rect x="377.5" y="-0.2" class="st6" width="2" height="11.4" />
+            </g>
+          </g>
+          <rect x="407.7" y="-0.2" class="st6" width="2" height="11.4" />
+        </g>
+        <g>
+          <g>
+            <rect x="437.4" y="-0.2" class="st5" width="2" height="190.4" />
+          </g>
+          <rect x="465.8" y="-0.2" class="st6" width="2" height="190" />
+          <rect x="494.2" y="-0.2" class="st6" width="2" height="190" />
+          <rect x="522.6" y="-0.2" class="st6" width="2" height="190.8" />
+          <polygon
+            class="st6"
+            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>
+/* eslint-disable */
+export default {
+  name: "crossroads",
+  data() {
+    return {};
+  },
+  props: {
+    Width: {
+      type: String,
+      default: "870px",
+    },
+    Height: {
+      type: String,
+      default: "650px",
+    },
+    showPed: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  methods: {},
+  mounted() {
+    console.log(this.showPed);
+  },
+};
+</script>
+<style scoped>
+.st0 {
+  fill: #3d3939;
+}
+.st1 {
+  opacity: 0.9;
+}
+.st2 {
+  fill: #f2f2f2;
+}
+.st3 {
+  fill: #1eaa39;
+}
+.st4 {
+  fill: #e5e5d8;
+}
+.st5 {
+  fill: #ccb63a;
+}
+.st6 {
+  fill: #dddddd;
+}
+.invisible {
+  visibility: hidden;
+}
+</style>