openatc-components 0.5.60 → 0.5.62

package/package/kisscomps/components/IntersectionMap/crossDirection/baseImg/CrossRoadsSvg.vue

@@ -1,629 +1,692 @@
-/**
- * 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="M869.9,217.4H563.5c-11.4,0-21-9.6-21-21V-0.3l0,0h-18H344.9h-18l0,0v196.7c-0.1,11.5-9.5,20.9-21.1,21H-0.4l0,0v18V413v18l0,0h306.2c11.5,0,20.9,9.4,21,21v197.7l0,0h18h179.6h18l0,0V452c0-11.6,9.4-21,21-21h306.5l0,0v-18V235.4V217.4
-L869.9,217.4z"
-    />
-    <g id="人行道" :class="showPed === true ? '' : 'invisible'">
-      <g class="st1">
-        <g>
-          <rect x="346.5" y="199.1" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="338.7" y="199.1" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="331.2" y="199.1" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="354.3" y="199.1" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="362.1" y="199.1" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="369.9" y="199.1" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="377.7" y="199.1" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="385.5" y="199.1" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="393.3" y="199.1" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="401.1" y="199.1" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="408.9" y="199.1" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="416.7" y="199.1" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="424.6" y="199.1" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="432.4" y="199.1" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="440.2" y="199.1" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="448" y="199.1" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="455.8" y="199.1" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="463.6" y="199.1" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="471.4" y="199.1" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="479.2" y="199.1" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="487" y="199.1" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="494.8" y="199.1" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="502.6" y="199.1" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="510.4" y="199.1" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="518.2" y="199.1" class="st2" width="4" height="16.3" />
-          <rect x="526.2" y="199.1" class="st2" width="4" height="16.3" />
-          <rect x="534.1" y="199.1" class="st2" width="4" height="16.3" />
-        </g>
-      </g>
-      <g class="st1">
-        <rect x="544.6" y="236.8" class="st2" width="16.5" height="4" />
-        <rect x="544.6" y="229" class="st2" width="16.5" height="4" />
-        <rect x="544.6" y="221.2" class="st2" width="16.5" height="4" />
-        <rect x="544.6" y="244.6" class="st2" width="16.5" height="4" />
-        <rect x="544.6" y="252.3" class="st2" width="16.5" height="4" />
-        <rect x="544.6" y="260" class="st2" width="16.5" height="4" />
-        <rect x="544.6" y="267.7" class="st2" width="16.5" height="4" />
-        <rect x="544.6" y="275.5" class="st2" width="16.5" height="4" />
-        <rect x="544.6" y="283.2" class="st2" width="16.5" height="4" />
-        <rect x="544.6" y="290.9" class="st2" width="16.5" height="4" />
-        <rect x="544.6" y="298.6" class="st2" width="16.5" height="4" />
-        <rect x="544.6" y="306.3" class="st2" width="16.5" height="4" />
-        <rect x="544.6" y="314.1" class="st2" width="16.5" height="4" />
-        <rect x="544.6" y="321.8" class="st2" width="16.5" height="4" />
-        <rect x="544.6" y="329.5" class="st2" width="16.5" height="4" />
-        <rect x="544.6" y="337.2" class="st2" width="16.5" height="4" />
-        <rect x="544.6" y="345" class="st2" width="16.5" height="4" />
-        <rect x="544.6" y="352.7" class="st2" width="16.5" height="4" />
-        <rect x="544.6" y="360.4" class="st2" width="16.5" height="4" />
-        <rect x="544.6" y="368.1" class="st2" width="16.5" height="4" />
-        <rect x="544.6" y="375.8" class="st2" width="16.5" height="4" />
-        <rect x="544.6" y="383.6" class="st2" width="16.5" height="4" />
-        <rect x="544.6" y="391.3" class="st2" width="16.5" height="4" />
-        <rect x="544.6" y="399" class="st2" width="16.5" height="4" />
-        <rect x="544.6" y="406.7" class="st2" width="16.5" height="4" />
-        <rect x="544.6" y="415" class="st2" width="16.5" height="4" />
-        <rect x="544.6" y="423" class="st2" width="16.5" height="4" />
-      </g>
-      <g class="st1">
-        <rect x="309" y="236.8" class="st2" width="16.5" height="4" />
-        <rect x="309" y="228.5" class="st2" width="16.5" height="4" />
-        <rect x="309" y="220.6" class="st2" width="16.5" height="4" />
-        <rect x="309" y="244.6" class="st2" width="16.5" height="4" />
-        <rect x="309" y="252.3" class="st2" width="16.5" height="4" />
-        <rect x="309" y="260" class="st2" width="16.5" height="4" />
-        <rect x="309" y="267.7" class="st2" width="16.5" height="4" />
-        <rect x="309" y="275.5" class="st2" width="16.5" height="4" />
-        <rect x="309" y="283.2" class="st2" width="16.5" height="4" />
-        <rect x="309" y="290.9" class="st2" width="16.5" height="4" />
-        <rect x="309" y="298.6" class="st2" width="16.5" height="4" />
-        <rect x="309" y="306.3" class="st2" width="16.5" height="4" />
-        <rect x="309" y="314.1" class="st2" width="16.5" height="4" />
-        <rect x="309" y="321.8" class="st2" width="16.5" height="4" />
-        <rect x="309" y="329.5" class="st2" width="16.5" height="4" />
-        <rect x="309" y="337.2" class="st2" width="16.5" height="4" />
-        <rect x="309" y="345" class="st2" width="16.5" height="4" />
-        <rect x="309" y="352.7" class="st2" width="16.5" height="4" />
-        <rect x="309" y="360.4" class="st2" width="16.5" height="4" />
-        <rect x="309" y="368.1" class="st2" width="16.5" height="4" />
-        <rect x="309" y="375.8" class="st2" width="16.5" height="4" />
-        <rect x="309" y="383.6" class="st2" width="16.5" height="4" />
-        <rect x="309" y="391.3" class="st2" width="16.5" height="4" />
-        <rect x="309" y="399" class="st2" width="16.5" height="4" />
-        <rect x="309" y="406.7" class="st2" width="16.5" height="4" />
-        <rect x="309" y="414.4" class="st2" width="16.5" height="4" />
-        <rect x="309" y="422.7" class="st2" width="16.5" height="4" />
-      </g>
-      <g class="st1">
-        <g>
-          <rect x="519.1" y="433" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="527.1" y="433" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="534.6" y="433" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="511.3" y="433" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="503.5" y="433" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="495.7" y="433" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="487.9" y="433" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="480.1" y="433" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="472.3" y="433" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="464.5" y="433" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="456.7" y="433" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="448.9" y="433" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="441" y="433" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="433.2" y="433" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="425.4" y="433" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="417.6" y="433" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="409.8" y="433" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="402" y="433" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="394.2" y="433" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="386.4" y="433" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="378.6" y="433" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="370.8" y="433" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="363" y="433" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="355.2" y="433" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="347.4" y="433" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="339.9" y="433" class="st2" width="4" height="16.3" />
-        </g>
-        <g>
-          <rect x="332.5" y="433" class="st2" width="4" height="16.3" />
-        </g>
-      </g>
-    </g>
-    <path class="st3" d="M0.9,226.4L0.9,226.4C1,226.4,1.1,226.4,0.9,226.4z" />
-    <path class="st3" d="M0.9,226.4L0.9,226.4C0.8,226.4,0.7,226.4,0.9,226.4z" />
-    <path
-      class="st4"
-      d="M869.9,197.4H574c-6.3,0-11.5-5.1-11.5-11.5V-0.3h-1l0,0v186.2c0,6.9,5.6,12.5,12.5,12.5h295.9V197.4z"
-    />
-    <path
-      class="st5"
-      d="M869.9,214.4H561.6c-9.2,0-16.6-7.5-16.6-16.6V-0.3h-3v198.1c0,10.8,8.8,19.6,19.6,19.6h308.3L869.9,214.4
-L869.9,214.4z"
-    />
-    <path
-      class="st4"
-      d="M869.9,450H574c-6.9,0-12.5,5.6-12.5,12.5v187.2l0,0h1V462.5c0-6.3,5.1-11.5,11.5-11.5h295.9V450z"
-    />
-    <path
-      class="st5"
-      d="M869.9,434H561.6c-9.2,0-16.6,7.5-16.6,16.6v199.1h-3V450.6c0-10.8,8.8-19.6,19.6-19.6h308.3L869.9,434
-L869.9,434z"
-    />
-    <path
-      class="st4"
-      d="M-0.4,451h296c6.3,0,11.5,5.1,11.5,11.5v187.2h1l0,0V462.5c0-6.9-5.6-12.5-12.5-12.5h-296
-C-0.4,450-0.4,451-0.4,451z"
-    />
-    <path
-      class="st5"
-      d="M-0.4,434H308c9.2,0,16.6,7.5,16.6,16.6v199.1h3V450.6c0-10.8-8.8-19.6-19.6-19.6H-0.4V434z"
-    />
-    <g>
-      <path
-        class="st4"
-        d="M-0.4,198.4h296c6.9,0,12.5-5.6,12.5-12.5V-0.3l0,0h-1v186.2c0,6.3-5.1,11.5-11.5,11.5h-296
-C-0.4,197.4-0.4,198.4-0.4,198.4z"
-      />
-    </g>
-    <path
-      class="st5"
-      d="M-0.4,214.4H308c9.2,0,16.6-7.5,16.6-16.6V-0.3h3v198.1c0,10.8-8.8,19.6-19.6,19.6H-0.4V214.4z"
-    />
-    <g>
-      <rect x="569.5" y="410.3" class="st6" width="300.3" height="2" />
-      <g id="XMLID_9_">
-        <g>
-          <rect x="784.1" y="291.8" class="st6" width="12" height="2" />
-        </g>
-      </g>
-      <rect x="784.1" y="263.4" class="st6" width="12" height="2" />
-      <g id="XMLID_4_">
-        <g>
-          <rect x="820.1" y="291.8" class="st6" width="12" height="2" />
-        </g>
-      </g>
-      <rect x="820.1" y="263.4" class="st6" width="12" height="2" />
-      <g id="XMLID_10_">
-        <g>
-          <rect x="856.1" y="291.8" class="st6" width="12" height="2" />
-        </g>
-      </g>
-      <rect x="856.1" y="263.4" class="st6" width="12" height="2" />
-      <g>
-        <g id="XMLID_28_">
-          <g>
-            <rect x="569.5" y="380.1" class="st6" width="12" height="2" />
-          </g>
-        </g>
-        <rect x="569.5" y="349.9" class="st6" width="12" height="2" />
-        <g id="XMLID_27_">
-          <g>
-            <rect x="605.5" y="380.1" class="st6" width="12" height="2" />
-          </g>
-        </g>
-        <rect x="605.5" y="349.9" class="st6" width="12" height="2" />
-        <g id="XMLID_26_">
-          <g>
-            <rect x="641.5" y="380.1" class="st6" width="12" height="2" />
-          </g>
-        </g>
-        <rect x="641.5" y="349.9" class="st6" width="12" height="2" />
-        <g id="XMLID_25_">
-          <g>
-            <rect x="677.5" y="380.1" class="st6" width="12" height="2" />
-          </g>
-        </g>
-        <rect x="677.5" y="349.9" class="st6" width="12" height="2" />
-        <g id="XMLID_24_">
-          <g>
-            <rect x="713.5" y="380.1" class="st6" width="12" height="2" />
-          </g>
-        </g>
-        <rect x="713.5" y="349.9" class="st6" width="12" height="2" />
-        <g id="XMLID_23_">
-          <g>
-            <rect x="749.5" y="380.1" class="st6" width="12" height="2" />
-          </g>
-        </g>
-        <rect x="749.5" y="349.9" class="st6" width="12" height="2" />
-        <g id="XMLID_22_">
-          <g>
-            <rect x="785.5" y="380.1" class="st6" width="12" height="2" />
-          </g>
-        </g>
-        <rect x="785.5" y="349.9" class="st6" width="12" height="2" />
-        <g id="XMLID_21_">
-          <g>
-            <rect x="821.5" y="380.1" class="st6" width="12" height="2" />
-          </g>
-        </g>
-        <rect x="821.5" y="349.9" class="st6" width="12" height="2" />
-        <g id="XMLID_3_">
-          <g>
-            <rect x="857.5" y="380.1" class="st6" width="12" height="2" />
-          </g>
-        </g>
-        <rect x="857.5" y="349.9" class="st6" width="12" height="2" />
-      </g>
-      <g>
-        <g>
-          <rect x="570.5" y="320.2" class="st5" width="299.4" height="2" />
-        </g>
-        <rect x="570.9" y="291.8" class="st6" width="189.2" height="2" />
-        <rect x="570.9" y="263.4" class="st6" width="189.2" height="2" />
-        <rect x="570.2" y="235" class="st6" width="299.8" height="2" />
-        <polygon
-          class="st6"
-          points="571.5,247.7 571.5,250.1 571.5,283.7 571.5,286.2 571.5,322.2 569.5,322.2 569.5,217.4 571.5,217.4"
-        />
-      </g>
-    </g>
-    <g>
-      <rect x="0.1" y="236" class="st6" width="300.3" height="2" />
-      <g id="XMLID_50_">
-        <g>
-          <rect x="73.9" y="354.5" class="st6" width="12" height="2" />
-        </g>
-      </g>
-      <rect x="73.9" y="383" class="st6" width="12" height="2" />
-      <g id="XMLID_49_">
-        <g>
-          <rect x="37.9" y="354.5" class="st6" width="12" height="2" />
-        </g>
-      </g>
-      <rect x="37.9" y="383" class="st6" width="12" height="2" />
-      <g id="XMLID_48_">
-        <g>
-          <rect x="1.9" y="354.5" class="st6" width="12" height="2" />
-        </g>
-      </g>
-      <rect x="1.9" y="383" class="st6" width="12" height="2" />
-      <g>
-        <g id="XMLID_47_">
-          <g>
-            <rect x="288.5" y="266.2" class="st6" width="12" height="2" />
-          </g>
-        </g>
-        <rect x="288.5" y="296.5" class="st6" width="12" height="2" />
-        <g id="XMLID_46_">
-          <g>
-            <rect x="252.5" y="266.2" class="st6" width="12" height="2" />
-          </g>
-        </g>
-        <rect x="252.5" y="296.5" class="st6" width="12" height="2" />
-        <g id="XMLID_45_">
-          <g>
-            <rect x="216.5" y="266.2" class="st6" width="12" height="2" />
-          </g>
-        </g>
-        <rect x="216.5" y="296.5" class="st6" width="12" height="2" />
-        <g id="XMLID_44_">
-          <g>
-            <rect x="180.5" y="266.2" class="st6" width="12" height="2" />
-          </g>
-        </g>
-        <rect x="180.5" y="296.5" class="st6" width="12" height="2" />
-        <g id="XMLID_43_">
-          <g>
-            <rect x="144.5" y="266.2" class="st6" width="12" height="2" />
-          </g>
-        </g>
-        <rect x="144.5" y="296.5" class="st6" width="12" height="2" />
-        <g id="XMLID_42_">
-          <g>
-            <rect x="108.5" y="266.2" class="st6" width="12" height="2" />
-          </g>
-        </g>
-        <rect x="108.5" y="296.5" class="st6" width="12" height="2" />
-        <g id="XMLID_41_">
-          <g>
-            <rect x="72.5" y="266.2" class="st6" width="12" height="2" />
-          </g>
-        </g>
-        <rect x="72.5" y="296.5" class="st6" width="12" height="2" />
-        <g id="XMLID_40_">
-          <g>
-            <rect x="36.5" y="266.2" class="st6" width="12" height="2" />
-          </g>
-        </g>
-        <rect x="36.5" y="296.5" class="st6" width="12" height="2" />
-        <g id="XMLID_39_">
-          <g>
-            <rect x="0.5" y="266.2" class="st6" width="12" height="2" />
-          </g>
-        </g>
-        <rect x="0.5" y="296.5" class="st6" width="12" height="2" />
-      </g>
-      <g>
-        <g>
-          <rect y="326.1" class="st5" width="299.4" height="2" />
-        </g>
-        <rect x="109.9" y="354.5" class="st6" width="189.2" height="2" />
-        <rect x="109.9" y="383" class="st6" width="189.2" height="2" />
-        <rect y="411.4" class="st6" width="299.8" height="2" />
-        <polygon
-          class="st6"
-          points="298.5,400.6 298.5,398.3 298.5,364.6 298.5,362.1 298.5,326.1 300.5,326.1 300.5,431 298.5,431"
-        />
-      </g>
-    </g>
-    <g>
-      <rect x="520.5" class="st6" width="2" height="191.4" />
-      <g>
-        <g id="XMLID_18_">
-          <g>
-            <rect x="490.3" y="179.4" class="st6" width="2" height="12" />
-          </g>
-        </g>
-        <rect x="460" y="179.4" class="st6" width="2" height="12" />
-        <g id="XMLID_17_">
-          <g>
-            <rect x="490.3" y="143.4" class="st6" width="2" height="12" />
-          </g>
-        </g>
-        <rect x="460" y="143.4" class="st6" width="2" height="12" />
-        <g id="XMLID_16_">
-          <g>
-            <rect x="490.3" y="107.4" class="st6" width="2" height="12" />
-          </g>
-        </g>
-        <rect x="460" y="107.4" class="st6" width="2" height="12" />
-        <g id="XMLID_14_">
-          <g>
-            <rect x="490.3" y="71.4" class="st6" width="2" height="12" />
-          </g>
-        </g>
-        <rect x="460" y="71.4" class="st6" width="2" height="12" />
-        <g id="XMLID_13_">
-          <g>
-            <rect x="490.3" y="35.4" class="st6" width="2" height="12" />
-          </g>
-        </g>
-        <rect x="460" y="35.4" class="st6" width="2" height="12" />
-        <g id="XMLID_12_">
-          <g>
-            <rect x="490.3" class="st6" width="2" height="11.4" />
-          </g>
-        </g>
-        <rect x="460" class="st6" width="2" height="11.4" />
-      </g>
-      <g>
-        <g>
-          <rect x="430.4" class="st5" width="2" height="190.4" />
-        </g>
-        <rect x="402" class="st6" width="2" height="190" />
-        <rect x="373.6" class="st6" width="2" height="190" />
-        <rect x="345.2" class="st6" width="2" height="190.8" />
-        <polygon
-          class="st6"
-          points="357.9,189.4 360.3,189.4 393.9,189.4 396.4,189.4 432.4,189.4 432.4,191.4 327.6,191.4 327.6,189.4"
-        />
-      </g>
-    </g>
-    <g>
-      <rect x="347.1" y="458.6" class="st6" width="2" height="191.4" />
-      <g>
-        <g id="XMLID_20_">
-          <g>
-            <rect x="377.3" y="458.6" class="st6" width="2" height="12" />
-          </g>
-        </g>
-        <rect x="407.5" y="458.6" class="st6" width="2" height="12" />
-        <g id="XMLID_19_">
-          <g>
-            <rect x="377.3" y="494.6" class="st6" width="2" height="12" />
-          </g>
-        </g>
-        <rect x="407.5" y="494.6" class="st6" width="2" height="12" />
-        <g id="XMLID_11_">
-          <g>
-            <rect x="377.3" y="530.6" class="st6" width="2" height="12" />
-          </g>
-        </g>
-        <rect x="407.5" y="530.6" class="st6" width="2" height="12" />
-        <g id="XMLID_6_">
-          <g>
-            <rect x="377.3" y="566.6" class="st6" width="2" height="12" />
-          </g>
-        </g>
-        <rect x="407.5" y="566.6" class="st6" width="2" height="12" />
-        <g id="XMLID_5_">
-          <g>
-            <rect x="377.3" y="602.6" class="st6" width="2" height="12" />
-          </g>
-        </g>
-        <rect x="407.5" y="602.6" class="st6" width="2" height="12" />
-        <g id="XMLID_2_">
-          <g>
-            <rect x="377.3" y="638.6" class="st6" width="2" height="11.4" />
-          </g>
-        </g>
-        <rect x="407.5" y="638.6" class="st6" width="2" height="11.4" />
-      </g>
-      <g>
-        <g>
-          <rect x="437.2" y="459.6" class="st5" width="2" height="190.4" />
-        </g>
-        <rect x="465.6" y="460" class="st6" width="2" height="190" />
-        <rect x="494" y="460" class="st6" width="2" height="190" />
-        <rect x="522.4" y="459.2" class="st6" width="2" height="190.8" />
-        <polygon
-          class="st6"
-          points="511.7,460.6 509.3,460.6 475.7,460.6 473.2,460.6 437.2,460.6 437.2,458.6 542,458.6 542,460.6"
-        />
-      </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() {},
-};
-</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>
+/**
+ * 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="M869.9,217.4H563.5c-11.4,0-21-9.6-21-21V-0.3l0,0h-18H344.9h-18l0,0v196.7c-0.1,11.5-9.5,20.9-21.1,21H-0.4l0,0v18V413v18l0,0h306.2c11.5,0,20.9,9.4,21,21v197.7l0,0h18h179.6h18l0,0V452c0-11.6,9.4-21,21-21h306.5l0,0v-18V235.4V217.4
+L869.9,217.4z"
+    />
+    <g id="人行道" :class="showPed === true ? '' : 'invisible'">
+      <g class="st1">
+        <g>
+          <rect x="346.5" y="199.1" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="338.7" y="199.1" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="331.2" y="199.1" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="354.3" y="199.1" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="362.1" y="199.1" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="369.9" y="199.1" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="377.7" y="199.1" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="385.5" y="199.1" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="393.3" y="199.1" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="401.1" y="199.1" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="408.9" y="199.1" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="416.7" y="199.1" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="424.6" y="199.1" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="432.4" y="199.1" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="440.2" y="199.1" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="448" y="199.1" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="455.8" y="199.1" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="463.6" y="199.1" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="471.4" y="199.1" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="479.2" y="199.1" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="487" y="199.1" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="494.8" y="199.1" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="502.6" y="199.1" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="510.4" y="199.1" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="518.2" y="199.1" class="st2" width="4" height="16.3" />
+          <rect x="526.2" y="199.1" class="st2" width="4" height="16.3" />
+          <rect x="534.1" y="199.1" class="st2" width="4" height="16.3" />
+        </g>
+      </g>
+      <g class="st1">
+        <rect x="544.6" y="236.8" class="st2" width="16.5" height="4" />
+        <rect x="544.6" y="229" class="st2" width="16.5" height="4" />
+        <rect x="544.6" y="221.2" class="st2" width="16.5" height="4" />
+        <rect x="544.6" y="244.6" class="st2" width="16.5" height="4" />
+        <rect x="544.6" y="252.3" class="st2" width="16.5" height="4" />
+        <rect x="544.6" y="260" class="st2" width="16.5" height="4" />
+        <rect x="544.6" y="267.7" class="st2" width="16.5" height="4" />
+        <rect x="544.6" y="275.5" class="st2" width="16.5" height="4" />
+        <rect x="544.6" y="283.2" class="st2" width="16.5" height="4" />
+        <rect x="544.6" y="290.9" class="st2" width="16.5" height="4" />
+        <rect x="544.6" y="298.6" class="st2" width="16.5" height="4" />
+        <rect x="544.6" y="306.3" class="st2" width="16.5" height="4" />
+        <rect x="544.6" y="314.1" class="st2" width="16.5" height="4" />
+        <rect x="544.6" y="321.8" class="st2" width="16.5" height="4" />
+        <rect x="544.6" y="329.5" class="st2" width="16.5" height="4" />
+        <rect x="544.6" y="337.2" class="st2" width="16.5" height="4" />
+        <rect x="544.6" y="345" class="st2" width="16.5" height="4" />
+        <rect x="544.6" y="352.7" class="st2" width="16.5" height="4" />
+        <rect x="544.6" y="360.4" class="st2" width="16.5" height="4" />
+        <rect x="544.6" y="368.1" class="st2" width="16.5" height="4" />
+        <rect x="544.6" y="375.8" class="st2" width="16.5" height="4" />
+        <rect x="544.6" y="383.6" class="st2" width="16.5" height="4" />
+        <rect x="544.6" y="391.3" class="st2" width="16.5" height="4" />
+        <rect x="544.6" y="399" class="st2" width="16.5" height="4" />
+        <rect x="544.6" y="406.7" class="st2" width="16.5" height="4" />
+        <rect x="544.6" y="415" class="st2" width="16.5" height="4" />
+        <rect x="544.6" y="423" class="st2" width="16.5" height="4" />
+      </g>
+      <g class="st1">
+        <rect x="309" y="236.8" class="st2" width="16.5" height="4" />
+        <rect x="309" y="228.5" class="st2" width="16.5" height="4" />
+        <rect x="309" y="220.6" class="st2" width="16.5" height="4" />
+        <rect x="309" y="244.6" class="st2" width="16.5" height="4" />
+        <rect x="309" y="252.3" class="st2" width="16.5" height="4" />
+        <rect x="309" y="260" class="st2" width="16.5" height="4" />
+        <rect x="309" y="267.7" class="st2" width="16.5" height="4" />
+        <rect x="309" y="275.5" class="st2" width="16.5" height="4" />
+        <rect x="309" y="283.2" class="st2" width="16.5" height="4" />
+        <rect x="309" y="290.9" class="st2" width="16.5" height="4" />
+        <rect x="309" y="298.6" class="st2" width="16.5" height="4" />
+        <rect x="309" y="306.3" class="st2" width="16.5" height="4" />
+        <rect x="309" y="314.1" class="st2" width="16.5" height="4" />
+        <rect x="309" y="321.8" class="st2" width="16.5" height="4" />
+        <rect x="309" y="329.5" class="st2" width="16.5" height="4" />
+        <rect x="309" y="337.2" class="st2" width="16.5" height="4" />
+        <rect x="309" y="345" class="st2" width="16.5" height="4" />
+        <rect x="309" y="352.7" class="st2" width="16.5" height="4" />
+        <rect x="309" y="360.4" class="st2" width="16.5" height="4" />
+        <rect x="309" y="368.1" class="st2" width="16.5" height="4" />
+        <rect x="309" y="375.8" class="st2" width="16.5" height="4" />
+        <rect x="309" y="383.6" class="st2" width="16.5" height="4" />
+        <rect x="309" y="391.3" class="st2" width="16.5" height="4" />
+        <rect x="309" y="399" class="st2" width="16.5" height="4" />
+        <rect x="309" y="406.7" class="st2" width="16.5" height="4" />
+        <rect x="309" y="414.4" class="st2" width="16.5" height="4" />
+        <rect x="309" y="422.7" class="st2" width="16.5" height="4" />
+      </g>
+      <g class="st1">
+        <g>
+          <rect x="519.1" y="433" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="527.1" y="433" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="534.6" y="433" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="511.3" y="433" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="503.5" y="433" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="495.7" y="433" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="487.9" y="433" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="480.1" y="433" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="472.3" y="433" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="464.5" y="433" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="456.7" y="433" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="448.9" y="433" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="441" y="433" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="433.2" y="433" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="425.4" y="433" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="417.6" y="433" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="409.8" y="433" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="402" y="433" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="394.2" y="433" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="386.4" y="433" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="378.6" y="433" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="370.8" y="433" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="363" y="433" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="355.2" y="433" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="347.4" y="433" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="339.9" y="433" class="st2" width="4" height="16.3" />
+        </g>
+        <g>
+          <rect x="332.5" y="433" class="st2" width="4" height="16.3" />
+        </g>
+      </g>
+    </g>
+    <path class="st3" d="M0.9,226.4L0.9,226.4C1,226.4,1.1,226.4,0.9,226.4z" />
+    <path class="st3" d="M0.9,226.4L0.9,226.4C0.8,226.4,0.7,226.4,0.9,226.4z" />
+    <path
+      class="st4"
+      d="M869.9,197.4H574c-6.3,0-11.5-5.1-11.5-11.5V-0.3h-1l0,0v186.2c0,6.9,5.6,12.5,12.5,12.5h295.9V197.4z"
+    />
+    <path
+      class="st5"
+      d="M869.9,214.4H561.6c-9.2,0-16.6-7.5-16.6-16.6V-0.3h-3v198.1c0,10.8,8.8,19.6,19.6,19.6h308.3L869.9,214.4
+L869.9,214.4z"
+    />
+    <path
+      class="st4"
+      d="M869.9,450H574c-6.9,0-12.5,5.6-12.5,12.5v187.2l0,0h1V462.5c0-6.3,5.1-11.5,11.5-11.5h295.9V450z"
+    />
+    <path
+      class="st5"
+      d="M869.9,434H561.6c-9.2,0-16.6,7.5-16.6,16.6v199.1h-3V450.6c0-10.8,8.8-19.6,19.6-19.6h308.3L869.9,434
+L869.9,434z"
+    />
+    <path
+      class="st4"
+      d="M-0.4,451h296c6.3,0,11.5,5.1,11.5,11.5v187.2h1l0,0V462.5c0-6.9-5.6-12.5-12.5-12.5h-296
+C-0.4,450-0.4,451-0.4,451z"
+    />
+    <path
+      class="st5"
+      d="M-0.4,434H308c9.2,0,16.6,7.5,16.6,16.6v199.1h3V450.6c0-10.8-8.8-19.6-19.6-19.6H-0.4V434z"
+    />
+    <g>
+      <path
+        class="st6"
+        d="M-0.4,198.4h296c6.9,0,12.5-5.6,12.5-12.5V-0.3l0,0h-1v186.2c0,6.3-5.1,11.5-11.5,11.5h-296C-0.4,197.4-0.4,198.4-0.4,198.4z"
+      />
+    </g>
+    <path
+      class="st5"
+      d="M-0.4,214.4H308c9.2,0,16.6-7.5,16.6-16.6V-0.3h3v198.1c0,10.8-8.8,19.6-19.6,19.6H-0.4V214.4z"
+    />
+    <rect x="569.5" y="410.3" class="st7" width="300.3" height="2" />
+    <g id="XMLID_9_">
+      <g>
+        <rect x="784.1" y="291.8" class="st7" width="12" height="2" />
+      </g>
+    </g>
+    <rect x="784.1" y="263.4" class="st7" width="12" height="2" />
+    <g id="XMLID_4_">
+      <g>
+        <rect x="820.1" y="291.8" class="st7" width="12" height="2" />
+      </g>
+    </g>
+    <rect x="820.1" y="263.4" class="st7" width="12" height="2" />
+    <g id="XMLID_10_">
+      <g>
+        <rect x="856.1" y="291.8" class="st7" width="12" height="2" />
+      </g>
+    </g>
+    <rect x="856.1" y="263.4" class="st7" width="12" height="2" />
+    <g>
+      <g id="XMLID_28_">
+        <g>
+          <rect x="569.5" y="380.1" class="st7" width="12" height="2" />
+        </g>
+      </g>
+      <rect x="569.5" y="349.9" class="st7" width="12" height="2" />
+      <g id="XMLID_27_">
+        <g>
+          <rect x="605.5" y="380.1" class="st7" width="12" height="2" />
+        </g>
+      </g>
+      <rect x="605.5" y="349.9" class="st7" width="12" height="2" />
+      <g id="XMLID_26_">
+        <g>
+          <rect x="641.5" y="380.1" class="st7" width="12" height="2" />
+        </g>
+      </g>
+      <rect x="641.5" y="349.9" class="st7" width="12" height="2" />
+      <g id="XMLID_25_">
+        <g>
+          <rect x="677.5" y="380.1" class="st7" width="12" height="2" />
+        </g>
+      </g>
+      <rect x="677.5" y="349.9" class="st7" width="12" height="2" />
+      <g id="XMLID_24_">
+        <g>
+          <rect x="713.5" y="380.1" class="st7" width="12" height="2" />
+        </g>
+      </g>
+      <rect x="713.5" y="349.9" class="st7" width="12" height="2" />
+      <g id="XMLID_23_">
+        <g>
+          <rect x="749.5" y="380.1" class="st7" width="12" height="2" />
+        </g>
+      </g>
+      <rect x="749.5" y="349.9" class="st7" width="12" height="2" />
+      <g id="XMLID_22_">
+        <g>
+          <rect x="785.5" y="380.1" class="st7" width="12" height="2" />
+        </g>
+      </g>
+      <rect x="785.5" y="349.9" class="st7" width="12" height="2" />
+      <g id="XMLID_21_">
+        <g>
+          <rect x="821.5" y="380.1" class="st7" width="12" height="2" />
+        </g>
+      </g>
+      <rect x="821.5" y="349.9" class="st7" width="12" height="2" />
+      <g id="XMLID_3_">
+        <g>
+          <rect x="857.5" y="380.1" class="st7" width="12" height="2" />
+        </g>
+      </g>
+      <rect x="857.5" y="349.9" class="st7" width="12" height="2" />
+    </g>
+    <g>
+      <g>
+        <rect x="570.5" y="320.2" class="st5" width="299.4" height="2" />
+      </g>
+      <rect x="570.9" y="291.8" class="st7" width="189.2" height="2" />
+      <rect x="570.9" y="263.4" class="st7" width="189.2" height="2" />
+      <rect x="570.2" y="235" class="st7" width="299.8" height="2" />
+      <polygon
+        class="st7"
+        points="571.5,247.7 571.5,250.1 571.5,283.7 571.5,286.2 571.5,322.2 569.5,322.2 569.5,217.4 571.5,217.4"
+      />
+    </g>
+    <g>
+      <rect x="0.1" y="236" class="st7" width="300.3" height="2" />
+      <g id="XMLID_50_">
+        <g>
+          <rect x="73.9" y="354.5" class="st7" width="12" height="2" />
+        </g>
+      </g>
+      <rect x="73.9" y="383" class="st7" width="12" height="2" />
+      <g id="XMLID_49_">
+        <g>
+          <rect x="37.9" y="354.5" class="st7" width="12" height="2" />
+        </g>
+      </g>
+      <rect x="37.9" y="383" class="st7" width="12" height="2" />
+      <g id="XMLID_48_">
+        <g>
+          <rect x="1.9" y="354.5" class="st7" width="12" height="2" />
+        </g>
+      </g>
+      <rect x="1.9" y="383" class="st7" width="12" height="2" />
+      <g>
+        <g id="XMLID_47_">
+          <g>
+            <rect x="288.5" y="266.2" class="st7" width="12" height="2" />
+          </g>
+        </g>
+        <rect x="288.5" y="296.5" class="st7" width="12" height="2" />
+        <g id="XMLID_46_">
+          <g>
+            <rect x="252.5" y="266.2" class="st7" width="12" height="2" />
+          </g>
+        </g>
+        <rect x="252.5" y="296.5" class="st7" width="12" height="2" />
+        <g id="XMLID_45_">
+          <g>
+            <rect x="216.5" y="266.2" class="st7" width="12" height="2" />
+          </g>
+        </g>
+        <rect x="216.5" y="296.5" class="st7" width="12" height="2" />
+        <g id="XMLID_44_">
+          <g>
+            <rect x="180.5" y="266.2" class="st7" width="12" height="2" />
+          </g>
+        </g>
+        <rect x="180.5" y="296.5" class="st7" width="12" height="2" />
+        <g id="XMLID_43_">
+          <g>
+            <rect x="144.5" y="266.2" class="st7" width="12" height="2" />
+          </g>
+        </g>
+        <rect x="144.5" y="296.5" class="st7" width="12" height="2" />
+        <g id="XMLID_42_">
+          <g>
+            <rect x="108.5" y="266.2" class="st7" width="12" height="2" />
+          </g>
+        </g>
+        <rect x="108.5" y="296.5" class="st7" width="12" height="2" />
+        <g id="XMLID_41_">
+          <g>
+            <rect x="72.5" y="266.2" class="st7" width="12" height="2" />
+          </g>
+        </g>
+        <rect x="72.5" y="296.5" class="st7" width="12" height="2" />
+        <g id="XMLID_40_">
+          <g>
+            <rect x="36.5" y="266.2" class="st7" width="12" height="2" />
+          </g>
+        </g>
+        <rect x="36.5" y="296.5" class="st7" width="12" height="2" />
+        <g id="XMLID_39_">
+          <g>
+            <rect x="0.5" y="266.2" class="st7" width="12" height="2" />
+          </g>
+        </g>
+        <rect x="0.5" y="296.5" class="st7" width="12" height="2" />
+      </g>
+      <g>
+        <g>
+          <rect y="326.1" class="st5" width="299.4" height="2" />
+        </g>
+        <rect x="109.9" y="354.5" class="st7" width="189.2" height="2" />
+        <rect x="109.9" y="383" class="st7" width="189.2" height="2" />
+        <rect y="411.4" class="st7" width="299.8" height="2" />
+        <polygon
+          class="st7"
+          points="298.5,400.6 298.5,398.3 298.5,364.6 298.5,362.1 298.5,326.1 300.5,326.1 300.5,431 298.5,431"
+        />
+      </g>
+    </g>
+    <g>
+      <rect x="520.5" class="st7" width="2" height="191.4" />
+      <g>
+        <g id="XMLID_18_">
+          <g>
+            <rect x="490.3" y="179.4" class="st7" width="2" height="12" />
+          </g>
+        </g>
+        <rect x="460" y="179.4" class="st7" width="2" height="12" />
+        <g id="XMLID_17_">
+          <g>
+            <rect x="490.3" y="143.4" class="st7" width="2" height="12" />
+          </g>
+        </g>
+        <rect x="460" y="143.4" class="st7" width="2" height="12" />
+        <g id="XMLID_16_">
+          <g>
+            <rect x="490.3" y="107.4" class="st7" width="2" height="12" />
+          </g>
+        </g>
+        <rect x="460" y="107.4" class="st7" width="2" height="12" />
+        <g id="XMLID_14_">
+          <g>
+            <rect x="490.3" y="71.4" class="st7" width="2" height="12" />
+          </g>
+        </g>
+        <rect x="460" y="71.4" class="st7" width="2" height="12" />
+        <g id="XMLID_13_">
+          <g>
+            <rect x="490.3" y="35.4" class="st7" width="2" height="12" />
+          </g>
+        </g>
+        <rect x="460" y="35.4" class="st7" width="2" height="12" />
+        <g id="XMLID_12_">
+          <g>
+            <rect x="490.3" class="st7" width="2" height="11.4" />
+          </g>
+        </g>
+        <rect x="460" class="st7" width="2" height="11.4" />
+      </g>
+      <g>
+        <g>
+          <rect x="430.4" class="st5" width="2" height="190.4" />
+        </g>
+        <rect x="402" class="st7" width="2" height="190" />
+        <rect x="373.6" class="st7" width="2" height="190" />
+        <rect x="345.2" class="st7" width="2" height="190.8" />
+        <polygon
+          class="st7"
+          points="357.9,189.4 360.3,189.4 393.9,189.4 396.4,189.4 432.4,189.4 432.4,191.4 327.6,191.4 327.6,189.4"
+        />
+      </g>
+    </g>
+    <g>
+      <rect x="347.1" y="458.6" class="st7" width="2" height="191.4" />
+      <g>
+        <g id="XMLID_20_">
+          <g>
+            <rect x="377.3" y="458.6" class="st7" width="2" height="12" />
+          </g>
+        </g>
+        <rect x="407.5" y="458.6" class="st7" width="2" height="12" />
+        <g id="XMLID_19_">
+          <g>
+            <rect x="377.3" y="494.6" class="st7" width="2" height="12" />
+          </g>
+        </g>
+        <rect x="407.5" y="494.6" class="st7" width="2" height="12" />
+        <g id="XMLID_11_">
+          <g>
+            <rect x="377.3" y="530.6" class="st7" width="2" height="12" />
+          </g>
+        </g>
+        <rect x="407.5" y="530.6" class="st7" width="2" height="12" />
+        <g id="XMLID_6_">
+          <g>
+            <rect x="377.3" y="566.6" class="st7" width="2" height="12" />
+          </g>
+        </g>
+        <rect x="407.5" y="566.6" class="st7" width="2" height="12" />
+        <g id="XMLID_5_">
+          <g>
+            <rect x="377.3" y="602.6" class="st7" width="2" height="12" />
+          </g>
+        </g>
+        <rect x="407.5" y="602.6" class="st7" width="2" height="12" />
+        <g id="XMLID_2_">
+          <g>
+            <rect x="377.3" y="638.6" class="st7" width="2" height="11.4" />
+          </g>
+        </g>
+        <rect x="407.5" y="638.6" class="st7" width="2" height="11.4" />
+      </g>
+      <g>
+        <g>
+          <rect x="437.2" y="459.6" class="st5" width="2" height="190.4" />
+        </g>
+        <rect x="465.6" y="460" class="st7" width="2" height="190" />
+        <rect x="494" y="460" class="st7" width="2" height="190" />
+        <rect x="522.4" y="459.2" class="st7" width="2" height="190.8" />
+        <polygon
+          class="st7"
+          points="511.7,460.6 509.3,460.6 475.7,460.6 473.2,460.6 437.2,460.6 437.2,458.6 542,458.6 542,460.6"
+        />
+      </g>
+    </g>
+    <g id="东路段" class="st8" data-road="east">
+      <rect x="570" y="217.9" class="st9" width="299.4" height="103.8" />
+      <path
+        class="st9"
+        d="M868.9,218.4v102.8H570.5V218.4H868.9 M869.9,217.4H569.5v104.8h300.4V217.4L869.9,217.4z"
+      />
+    </g>
+    <g id="西路段" class="st8" data-road="west">
+      <rect x="0.8" y="326.7" class="st9" width="299.4" height="103.8" />
+      <path
+        class="st9"
+        d="M299.7,327.1V430H1.3V327.1H299.7 M300.7,326.1H0.3V431h300.4V326.1L300.7,326.1z"
+      />
+    </g>
+    <g id="南路段" class="st8" data-road="south">
+      <rect x="437.6" y="459" class="st9" width="104" height="190.6" />
+      <path
+        class="st9"
+        d="M541.2,459.4v189.8H438V459.4H541.2 M542,458.6H437.2V650H542V458.6L542,458.6z"
+      />
+    </g>
+    <g id="北路段" class="st8" data-road="north">
+      <rect x="328.1" y="0.5" class="st9" width="103.8" height="190.4" />
+      <path
+        class="st9"
+        d="M431.4,1v189.4H328.6V1H431.4 M432.4,0H327.6v191.4h104.8V0L432.4,0z"
+      />
+    </g>
+    <text transform="matrix(6.114484e-17 0.9993 -1 6.127608e-17 304.231 89.4004)" class="st10 st11 st12 road-name-text">{{ roadNames.north }}</text>
+    <text transform="matrix(1 0 0 1 177.9377 470.1436)" class="st10 st11 st13 road-name-text">{{ roadNames.west }}</text>
+    <text transform="matrix(6.123234e-17 1 -1 6.123234e-17 571.5 474.2931)" class="st10 st11 st14 road-name-text">{{ roadNames.south }}</text>
+    <text transform="matrix(1 0 0 1 586.269 190.7999)" class="st10 st11 st14 road-name-text">{{ roadNames.east }}</text>
+  </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,
+    },
+    // 接收路段名称对象
+    roadNames: {
+      type: Object,
+      default: () => ({ east: '', west: '', south: '', north: '' })
+    }
+  },
+  methods: {},
+  mounted() {},
+};
+</script>
+<style scoped>
+.st0 {
+  fill: #3d3939;
+}
+.st1 {
+  opacity: 0.9;
+}
+.st2 {
+  fill: #f2f2f2;
+}
+.st3 {
+  fill: #1eaa39;
+}
+.st4 {
+  fill: #e5e5d8;
+}
+.st5 {
+  fill: #ccb63a;
+}
+.st6 {
+  fill: none;
+}
+.st7 {
+  fill: #dddddd;
+}
+.st8 {
+  opacity: 0.24;
+}
+.st9 {
+  fill: transparent;
+  cursor: pointer;
+}
+.st10 {
+  fill: #303133;
+}
+.st11 {
+  font-family: "SourceHanSansCN-Regular-GBpc-EUC-H";
+}
+.st12 {
+  font-size: 12.0086px;
+}
+.st13 {
+  font-size: 12.4357px;
+}
+.st14 {
+  font-size: 12px;
+}
+.invisible {
+  visibility: hidden;
+}
+.road-highlight rect,
+.road-highlight path {
+   fill: #61F700 !important;
+}
+</style>