openatc-components 0.5.16 → 0.5.18

package/src/kisscomps/components/IntersectionMap/crossDirection/baseImg/leftroad/LTShapeSouthRoadsSvg.vue

@@ -1,490 +1,490 @@
-/**
- * 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="M306.3,217.4H-0.1l0,0v18l0,177.6v18l0,0h306.5c11.6,0,21,9.4,21,21v197.7l0,0h18H525h18l0,0V452
-   c0.1-11.6,9.5-21,21-21h306.2l0,0v-18V235.4v-18l0,0H563.9"
-      />
-      <g id="人行道_1_" :class="showPed === true ? '' : 'invisible'">
-        <g class="st1">
-          <rect x="308.7" y="236.8" class="st2" width="16.5" height="4" />
-          <rect x="308.7" y="229" class="st2" width="16.5" height="4" />
-          <rect x="308.7" y="221.2" class="st2" width="16.5" height="4" />
-          <rect x="308.7" y="244.6" class="st2" width="16.5" height="4" />
-          <rect x="308.7" y="252.3" class="st2" width="16.5" height="4" />
-          <rect x="308.7" y="260" class="st2" width="16.5" height="4" />
-          <rect x="308.7" y="267.7" class="st2" width="16.5" height="4" />
-          <rect x="308.7" y="275.5" class="st2" width="16.5" height="4" />
-          <rect x="308.7" y="283.2" class="st2" width="16.5" height="4" />
-          <rect x="308.7" y="290.9" class="st2" width="16.5" height="4" />
-          <rect x="308.7" y="298.6" class="st2" width="16.5" height="4" />
-          <rect x="308.7" y="306.3" class="st2" width="16.5" height="4" />
-          <rect x="308.7" y="314.1" class="st2" width="16.5" height="4" />
-          <rect x="308.7" y="321.8" class="st2" width="16.5" height="4" />
-          <rect x="308.7" y="329.5" class="st2" width="16.5" height="4" />
-          <rect x="308.7" y="337.2" class="st2" width="16.5" height="4" />
-          <rect x="308.7" y="345" class="st2" width="16.5" height="4" />
-          <rect x="308.7" y="352.7" class="st2" width="16.5" height="4" />
-          <rect x="308.7" y="360.4" class="st2" width="16.5" height="4" />
-          <rect x="308.7" y="368.1" class="st2" width="16.5" height="4" />
-          <rect x="308.7" y="375.8" class="st2" width="16.5" height="4" />
-          <rect x="308.7" y="383.6" class="st2" width="16.5" height="4" />
-          <rect x="308.7" y="391.3" class="st2" width="16.5" height="4" />
-          <rect x="308.7" y="399" class="st2" width="16.5" height="4" />
-          <rect x="308.7" y="406.7" class="st2" width="16.5" height="4" />
-          <rect x="308.7" y="415" class="st2" width="16.5" height="4" />
-          <rect x="308.7" y="423" class="st2" width="16.5" height="4" />
-        </g>
-        <g class="st1">
-          <rect x="544.3" y="236.8" class="st2" width="16.5" height="4" />
-          <rect x="544.3" y="228.5" class="st2" width="16.5" height="4" />
-          <rect x="544.3" y="220.6" class="st2" width="16.5" height="4" />
-          <rect x="544.3" y="244.6" class="st2" width="16.5" height="4" />
-          <rect x="544.3" y="252.3" class="st2" width="16.5" height="4" />
-          <rect x="544.3" y="260" class="st2" width="16.5" height="4" />
-          <rect x="544.3" y="267.7" class="st2" width="16.5" height="4" />
-          <rect x="544.3" y="275.5" class="st2" width="16.5" height="4" />
-          <rect x="544.3" y="283.2" class="st2" width="16.5" height="4" />
-          <rect x="544.3" y="290.9" class="st2" width="16.5" height="4" />
-          <rect x="544.3" y="298.6" class="st2" width="16.5" height="4" />
-          <rect x="544.3" y="306.3" class="st2" width="16.5" height="4" />
-          <rect x="544.3" y="314.1" class="st2" width="16.5" height="4" />
-          <rect x="544.3" y="321.8" class="st2" width="16.5" height="4" />
-          <rect x="544.3" y="329.5" class="st2" width="16.5" height="4" />
-          <rect x="544.3" y="337.2" class="st2" width="16.5" height="4" />
-          <rect x="544.3" y="345" class="st2" width="16.5" height="4" />
-          <rect x="544.3" y="352.7" class="st2" width="16.5" height="4" />
-          <rect x="544.3" y="360.4" class="st2" width="16.5" height="4" />
-          <rect x="544.3" y="368.1" class="st2" width="16.5" height="4" />
-          <rect x="544.3" y="375.8" class="st2" width="16.5" height="4" />
-          <rect x="544.3" y="383.6" class="st2" width="16.5" height="4" />
-          <rect x="544.3" y="391.3" class="st2" width="16.5" height="4" />
-          <rect x="544.3" y="399" class="st2" width="16.5" height="4" />
-          <rect x="544.3" y="406.7" class="st2" width="16.5" height="4" />
-          <rect x="544.3" y="414.4" class="st2" width="16.5" height="4" />
-          <rect x="544.3" y="422.7" class="st2" width="16.5" height="4" />
-        </g>
-        <g class="st1">
-          <g>
-            <rect x="346.7" y="433" class="st2" width="4" height="16.3" />
-          </g>
-          <g>
-            <rect x="338.7" y="433" class="st2" width="4" height="16.3" />
-          </g>
-          <g>
-            <rect x="331.2" y="433" class="st2" width="4" height="16.3" />
-          </g>
-          <g>
-            <rect x="354.5" y="433" class="st2" width="4" height="16.3" />
-          </g>
-          <g>
-            <rect x="362.3" y="433" class="st2" width="4" height="16.3" />
-          </g>
-          <g>
-            <rect x="370.1" y="433" class="st2" width="4" height="16.3" />
-          </g>
-          <g>
-            <rect x="377.9" y="433" class="st2" width="4" height="16.3" />
-          </g>
-          <g>
-            <rect x="385.7" y="433" class="st2" width="4" height="16.3" />
-          </g>
-          <g>
-            <rect x="393.5" y="433" class="st2" width="4" height="16.3" />
-          </g>
-          <g>
-            <rect x="401.3" y="433" class="st2" width="4" height="16.3" />
-          </g>
-          <g>
-            <rect x="409.1" y="433" class="st2" width="4" height="16.3" />
-          </g>
-          <g>
-            <rect x="416.9" y="433" class="st2" width="4" height="16.3" />
-          </g>
-          <g>
-            <rect x="424.8" y="433" class="st2" width="4" height="16.3" />
-          </g>
-          <g>
-            <rect x="432.6" y="433" class="st2" width="4" height="16.3" />
-          </g>
-          <g>
-            <rect x="440.4" y="433" class="st2" width="4" height="16.3" />
-          </g>
-          <g>
-            <rect x="448.2" y="433" class="st2" width="4" height="16.3" />
-          </g>
-          <g>
-            <rect x="456" y="433" class="st2" width="4" height="16.3" />
-          </g>
-          <g>
-            <rect x="463.8" y="433" class="st2" width="4" height="16.3" />
-          </g>
-          <g>
-            <rect x="471.6" y="433" class="st2" width="4" height="16.3" />
-          </g>
-          <g>
-            <rect x="479.4" y="433" class="st2" width="4" height="16.3" />
-          </g>
-          <g>
-            <rect x="487.2" y="433" class="st2" width="4" height="16.3" />
-          </g>
-          <g>
-            <rect x="495" y="433" class="st2" width="4" height="16.3" />
-          </g>
-          <g>
-            <rect x="502.8" y="433" class="st2" width="4" height="16.3" />
-          </g>
-          <g>
-            <rect x="510.6" y="433" class="st2" width="4" height="16.3" />
-          </g>
-          <g>
-            <rect x="518.4" y="433" class="st2" width="4" height="16.3" />
-          </g>
-          <g>
-            <rect x="525.9" y="433" class="st2" width="4" height="16.3" />
-          </g>
-          <g>
-            <rect x="533.3" y="433" class="st2" width="4" height="16.3" />
-          </g>
-        </g>
-      </g>
-      <path
-        class="st3"
-        d="M868.9,226.4L868.9,226.4C868.7,226.4,868.8,226.4,868.9,226.4z"
-      />
-      <path
-        class="st3"
-        d="M868.9,226.4L868.9,226.4C869.1,226.4,869,226.4,868.9,226.4z"
-      />
-      <path
-        class="st4"
-        d="M-0.1,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.1V451z"
-      />
-      <path
-        class="st5"
-        d="M-0.1,434l0-3h308.3c10.8,0,19.6,8.8,19.6,19.6v199.1h-3V450.6c0-9.1-7.4-16.6-16.6-16.6H-0.1L-0.1,434z"
-      />
-      <path
-        class="st4"
-        d="M870.2,450h-296c-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.2,451,870.2,450,870.2,450z"
-      />
-      <path
-        class="st5"
-        d="M870.2,431H561.8c-10.8,0-19.6,8.8-19.6,19.6v199.1h3V450.6c0-9.1,7.4-16.6,16.6-16.6h308.4V431z"
-      />
-      <g>
-        <path class="st4" d="M-0.1,198.4h870.3v-1H-0.1" />
-      </g>
-      <path class="st5" d="M-0.1,214.4h870.3v3H-0.1" />
-      <g>
-        <rect x="0" y="410.3" class="st6" width="300.3" height="2" />
-        <g id="XMLID_9_">
-          <g>
-            <rect x="73.7" y="291.8" class="st6" width="12" height="2" />
-          </g>
-        </g>
-        <rect x="73.7" y="263.4" class="st6" width="12" height="2" />
-        <g id="XMLID_4_">
-          <g>
-            <rect x="37.7" y="291.8" class="st6" width="12" height="2" />
-          </g>
-        </g>
-        <rect x="37.7" y="263.4" class="st6" width="12" height="2" />
-        <g id="XMLID_10_">
-          <g>
-            <rect x="1.7" y="291.8" class="st6" width="12" height="2" />
-          </g>
-        </g>
-        <rect x="1.7" y="263.4" class="st6" width="12" height="2" />
-        <g>
-          <g id="XMLID_28_">
-            <g>
-              <rect x="288.3" y="380.1" class="st6" width="12" height="2" />
-            </g>
-          </g>
-          <rect x="288.3" y="349.9" class="st6" width="12" height="2" />
-          <g id="XMLID_27_">
-            <g>
-              <rect x="252.3" y="380.1" class="st6" width="12" height="2" />
-            </g>
-          </g>
-          <rect x="252.3" y="349.9" class="st6" width="12" height="2" />
-          <g id="XMLID_26_">
-            <g>
-              <rect x="216.3" y="380.1" class="st6" width="12" height="2" />
-            </g>
-          </g>
-          <rect x="216.3" y="349.9" class="st6" width="12" height="2" />
-          <g id="XMLID_25_">
-            <g>
-              <rect x="180.3" y="380.1" class="st6" width="12" height="2" />
-            </g>
-          </g>
-          <rect x="180.3" y="349.9" class="st6" width="12" height="2" />
-          <g id="XMLID_24_">
-            <g>
-              <rect x="144.3" y="380.1" class="st6" width="12" height="2" />
-            </g>
-          </g>
-          <rect x="144.3" y="349.9" class="st6" width="12" height="2" />
-          <g id="XMLID_23_">
-            <g>
-              <rect x="108.3" y="380.1" class="st6" width="12" height="2" />
-            </g>
-          </g>
-          <rect x="108.3" y="349.9" class="st6" width="12" height="2" />
-          <g id="XMLID_22_">
-            <g>
-              <rect x="72.3" y="380.1" class="st6" width="12" height="2" />
-            </g>
-          </g>
-          <rect x="72.3" y="349.9" class="st6" width="12" height="2" />
-          <g id="XMLID_21_">
-            <g>
-              <rect x="36.3" y="380.1" class="st6" width="12" height="2" />
-            </g>
-          </g>
-          <rect x="36.3" y="349.9" class="st6" width="12" height="2" />
-          <g id="XMLID_3_">
-            <g>
-              <rect x="0.3" y="380.1" class="st6" width="12" height="2" />
-            </g>
-          </g>
-          <rect x="0.3" y="349.9" class="st6" width="12" height="2" />
-        </g>
-        <g>
-          <g>
-            <rect x="-0.1" y="320.2" class="st5" width="299.4" height="2" />
-          </g>
-          <rect x="109.7" y="291.8" class="st6" width="189.2" height="2" />
-          <rect x="109.7" y="263.4" class="st6" width="189.2" height="2" />
-          <rect x="-0.2" y="235" class="st6" width="299.8" height="2" />
-          <polygon
-            class="st6"
-            points="298.3,217.4 300.3,217.4 300.3,322.2 298.3,322.2 298.3,286.2 298.3,283.7 298.3,250.1 298.3,247.7
-             "
-          />
-        </g>
-      </g>
-      <g>
-        <rect x="569.4" y="236" class="st6" width="300.3" height="2" />
-        <g id="XMLID_50_">
-          <g>
-            <rect x="783.9" y="354.5" class="st6" width="12" height="2" />
-          </g>
-        </g>
-        <rect x="783.9" y="383" class="st6" width="12" height="2" />
-        <g id="XMLID_49_">
-          <g>
-            <rect x="819.9" y="354.5" class="st6" width="12" height="2" />
-          </g>
-        </g>
-        <rect x="819.9" y="383" class="st6" width="12" height="2" />
-        <g id="XMLID_48_">
-          <g>
-            <rect x="855.9" y="354.5" class="st6" width="12" height="2" />
-          </g>
-        </g>
-        <rect x="855.9" y="383" class="st6" width="12" height="2" />
-        <g>
-          <g id="XMLID_47_">
-            <g>
-              <rect x="569.3" y="266.2" class="st6" width="12" height="2" />
-            </g>
-          </g>
-          <rect x="569.3" y="296.5" class="st6" width="12" height="2" />
-          <g id="XMLID_46_">
-            <g>
-              <rect x="605.3" y="266.2" class="st6" width="12" height="2" />
-            </g>
-          </g>
-          <rect x="605.3" y="296.5" class="st6" width="12" height="2" />
-          <g id="XMLID_45_">
-            <g>
-              <rect x="641.3" y="266.2" class="st6" width="12" height="2" />
-            </g>
-          </g>
-          <rect x="641.3" y="296.5" class="st6" width="12" height="2" />
-          <g id="XMLID_44_">
-            <g>
-              <rect x="677.3" y="266.2" class="st6" width="12" height="2" />
-            </g>
-          </g>
-          <rect x="677.3" y="296.5" class="st6" width="12" height="2" />
-          <g id="XMLID_43_">
-            <g>
-              <rect x="713.3" y="266.2" class="st6" width="12" height="2" />
-            </g>
-          </g>
-          <rect x="713.3" y="296.5" class="st6" width="12" height="2" />
-          <g id="XMLID_42_">
-            <g>
-              <rect x="749.3" y="266.2" class="st6" width="12" height="2" />
-            </g>
-          </g>
-          <rect x="749.3" y="296.5" class="st6" width="12" height="2" />
-          <g id="XMLID_41_">
-            <g>
-              <rect x="785.3" y="266.2" class="st6" width="12" height="2" />
-            </g>
-          </g>
-          <rect x="785.3" y="296.5" class="st6" width="12" height="2" />
-          <g id="XMLID_40_">
-            <g>
-              <rect x="821.3" y="266.2" class="st6" width="12" height="2" />
-            </g>
-          </g>
-          <rect x="821.3" y="296.5" class="st6" width="12" height="2" />
-          <g id="XMLID_39_">
-            <g>
-              <rect x="857.3" y="266.2" class="st6" width="12" height="2" />
-            </g>
-          </g>
-          <rect x="857.3" y="296.5" class="st6" width="12" height="2" />
-        </g>
-        <g>
-          <g>
-            <rect x="570.4" y="326.1" class="st5" width="299.4" height="2" />
-          </g>
-          <rect x="570.7" y="354.5" class="st6" width="189.2" height="2" />
-          <rect x="570.7" y="383" class="st6" width="189.2" height="2" />
-          <rect x="570" y="411.4" class="st6" width="299.8" height="2" />
-          <polygon
-            class="st6"
-            points="571.3,431 569.3,431 569.3,326.1 571.3,326.1 571.3,362.1 571.3,364.6 571.3,398.3 571.3,400.6
-       "
-          />
-        </g>
-      </g>
-      <g>
-        <rect x="520.7" y="458.6" class="st6" width="2" height="191.4" />
-        <g>
-          <g id="XMLID_20_">
-            <g>
-              <rect x="490.5" y="458.6" class="st6" width="2" height="12" />
-            </g>
-          </g>
-          <rect x="460.3" y="458.6" class="st6" width="2" height="12" />
-          <g id="XMLID_19_">
-            <g>
-              <rect x="490.5" y="494.6" class="st6" width="2" height="12" />
-            </g>
-          </g>
-          <rect x="460.3" y="494.6" class="st6" width="2" height="12" />
-          <g id="XMLID_11_">
-            <g>
-              <rect x="490.5" y="530.6" class="st6" width="2" height="12" />
-            </g>
-          </g>
-          <rect x="460.3" y="530.6" class="st6" width="2" height="12" />
-          <g id="XMLID_6_">
-            <g>
-              <rect x="490.5" y="566.6" class="st6" width="2" height="12" />
-            </g>
-          </g>
-          <rect x="460.3" y="566.6" class="st6" width="2" height="12" />
-          <g id="XMLID_5_">
-            <g>
-              <rect x="490.5" y="602.6" class="st6" width="2" height="12" />
-            </g>
-          </g>
-          <rect x="460.3" y="602.6" class="st6" width="2" height="12" />
-          <g id="XMLID_2_">
-            <g>
-              <rect x="490.5" y="638.6" class="st6" width="2" height="11.4" />
-            </g>
-          </g>
-          <rect x="460.3" y="638.6" class="st6" width="2" height="11.4" />
-        </g>
-        <g>
-          <g>
-            <rect x="430.6" y="459.6" class="st5" width="2" height="190.4" />
-          </g>
-          <rect x="402.2" y="460" class="st6" width="2" height="190" />
-          <rect x="373.8" y="460" class="st6" width="2" height="190" />
-          <rect x="345.4" y="459.2" class="st6" width="2" height="190.8" />
-          <polygon
-            class="st6"
-            points="327.8,460.6 327.8,458.6 432.6,458.6 432.6,460.6 396.6,460.6 394.1,460.6 360.5,460.6 358.1,460.6
-             "
-          />
-        </g>
-      </g>
-    </g>
-  </svg>
-</template>
-<script>
-export default {
-  name: 'tSouthroad',
-  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"
+  >
+    <g>
+      <path
+        class="st0"
+        d="M306.3,217.4H-0.1l0,0v18l0,177.6v18l0,0h306.5c11.6,0,21,9.4,21,21v197.7l0,0h18H525h18l0,0V452
+   c0.1-11.6,9.5-21,21-21h306.2l0,0v-18V235.4v-18l0,0H563.9"
+      />
+      <g id="人行道_1_" :class="showPed === true ? '' : 'invisible'">
+        <g class="st1">
+          <rect x="308.7" y="236.8" class="st2" width="16.5" height="4" />
+          <rect x="308.7" y="229" class="st2" width="16.5" height="4" />
+          <rect x="308.7" y="221.2" class="st2" width="16.5" height="4" />
+          <rect x="308.7" y="244.6" class="st2" width="16.5" height="4" />
+          <rect x="308.7" y="252.3" class="st2" width="16.5" height="4" />
+          <rect x="308.7" y="260" class="st2" width="16.5" height="4" />
+          <rect x="308.7" y="267.7" class="st2" width="16.5" height="4" />
+          <rect x="308.7" y="275.5" class="st2" width="16.5" height="4" />
+          <rect x="308.7" y="283.2" class="st2" width="16.5" height="4" />
+          <rect x="308.7" y="290.9" class="st2" width="16.5" height="4" />
+          <rect x="308.7" y="298.6" class="st2" width="16.5" height="4" />
+          <rect x="308.7" y="306.3" class="st2" width="16.5" height="4" />
+          <rect x="308.7" y="314.1" class="st2" width="16.5" height="4" />
+          <rect x="308.7" y="321.8" class="st2" width="16.5" height="4" />
+          <rect x="308.7" y="329.5" class="st2" width="16.5" height="4" />
+          <rect x="308.7" y="337.2" class="st2" width="16.5" height="4" />
+          <rect x="308.7" y="345" class="st2" width="16.5" height="4" />
+          <rect x="308.7" y="352.7" class="st2" width="16.5" height="4" />
+          <rect x="308.7" y="360.4" class="st2" width="16.5" height="4" />
+          <rect x="308.7" y="368.1" class="st2" width="16.5" height="4" />
+          <rect x="308.7" y="375.8" class="st2" width="16.5" height="4" />
+          <rect x="308.7" y="383.6" class="st2" width="16.5" height="4" />
+          <rect x="308.7" y="391.3" class="st2" width="16.5" height="4" />
+          <rect x="308.7" y="399" class="st2" width="16.5" height="4" />
+          <rect x="308.7" y="406.7" class="st2" width="16.5" height="4" />
+          <rect x="308.7" y="415" class="st2" width="16.5" height="4" />
+          <rect x="308.7" y="423" class="st2" width="16.5" height="4" />
+        </g>
+        <g class="st1">
+          <rect x="544.3" y="236.8" class="st2" width="16.5" height="4" />
+          <rect x="544.3" y="228.5" class="st2" width="16.5" height="4" />
+          <rect x="544.3" y="220.6" class="st2" width="16.5" height="4" />
+          <rect x="544.3" y="244.6" class="st2" width="16.5" height="4" />
+          <rect x="544.3" y="252.3" class="st2" width="16.5" height="4" />
+          <rect x="544.3" y="260" class="st2" width="16.5" height="4" />
+          <rect x="544.3" y="267.7" class="st2" width="16.5" height="4" />
+          <rect x="544.3" y="275.5" class="st2" width="16.5" height="4" />
+          <rect x="544.3" y="283.2" class="st2" width="16.5" height="4" />
+          <rect x="544.3" y="290.9" class="st2" width="16.5" height="4" />
+          <rect x="544.3" y="298.6" class="st2" width="16.5" height="4" />
+          <rect x="544.3" y="306.3" class="st2" width="16.5" height="4" />
+          <rect x="544.3" y="314.1" class="st2" width="16.5" height="4" />
+          <rect x="544.3" y="321.8" class="st2" width="16.5" height="4" />
+          <rect x="544.3" y="329.5" class="st2" width="16.5" height="4" />
+          <rect x="544.3" y="337.2" class="st2" width="16.5" height="4" />
+          <rect x="544.3" y="345" class="st2" width="16.5" height="4" />
+          <rect x="544.3" y="352.7" class="st2" width="16.5" height="4" />
+          <rect x="544.3" y="360.4" class="st2" width="16.5" height="4" />
+          <rect x="544.3" y="368.1" class="st2" width="16.5" height="4" />
+          <rect x="544.3" y="375.8" class="st2" width="16.5" height="4" />
+          <rect x="544.3" y="383.6" class="st2" width="16.5" height="4" />
+          <rect x="544.3" y="391.3" class="st2" width="16.5" height="4" />
+          <rect x="544.3" y="399" class="st2" width="16.5" height="4" />
+          <rect x="544.3" y="406.7" class="st2" width="16.5" height="4" />
+          <rect x="544.3" y="414.4" class="st2" width="16.5" height="4" />
+          <rect x="544.3" y="422.7" class="st2" width="16.5" height="4" />
+        </g>
+        <g class="st1">
+          <g>
+            <rect x="346.7" y="433" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="338.7" y="433" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="331.2" y="433" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="354.5" y="433" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="362.3" y="433" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="370.1" y="433" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="377.9" y="433" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="385.7" y="433" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="393.5" y="433" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="401.3" y="433" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="409.1" y="433" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="416.9" y="433" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="424.8" y="433" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="432.6" y="433" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="440.4" y="433" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="448.2" y="433" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="456" y="433" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="463.8" y="433" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="471.6" y="433" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="479.4" y="433" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="487.2" y="433" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="495" y="433" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="502.8" y="433" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="510.6" y="433" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="518.4" y="433" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="525.9" y="433" class="st2" width="4" height="16.3" />
+          </g>
+          <g>
+            <rect x="533.3" y="433" class="st2" width="4" height="16.3" />
+          </g>
+        </g>
+      </g>
+      <path
+        class="st3"
+        d="M868.9,226.4L868.9,226.4C868.7,226.4,868.8,226.4,868.9,226.4z"
+      />
+      <path
+        class="st3"
+        d="M868.9,226.4L868.9,226.4C869.1,226.4,869,226.4,868.9,226.4z"
+      />
+      <path
+        class="st4"
+        d="M-0.1,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.1V451z"
+      />
+      <path
+        class="st5"
+        d="M-0.1,434l0-3h308.3c10.8,0,19.6,8.8,19.6,19.6v199.1h-3V450.6c0-9.1-7.4-16.6-16.6-16.6H-0.1L-0.1,434z"
+      />
+      <path
+        class="st4"
+        d="M870.2,450h-296c-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.2,451,870.2,450,870.2,450z"
+      />
+      <path
+        class="st5"
+        d="M870.2,431H561.8c-10.8,0-19.6,8.8-19.6,19.6v199.1h3V450.6c0-9.1,7.4-16.6,16.6-16.6h308.4V431z"
+      />
+      <g>
+        <path class="st4" d="M-0.1,198.4h870.3v-1H-0.1" />
+      </g>
+      <path class="st5" d="M-0.1,214.4h870.3v3H-0.1" />
+      <g>
+        <rect x="0" y="410.3" class="st6" width="300.3" height="2" />
+        <g id="XMLID_9_">
+          <g>
+            <rect x="73.7" y="291.8" class="st6" width="12" height="2" />
+          </g>
+        </g>
+        <rect x="73.7" y="263.4" class="st6" width="12" height="2" />
+        <g id="XMLID_4_">
+          <g>
+            <rect x="37.7" y="291.8" class="st6" width="12" height="2" />
+          </g>
+        </g>
+        <rect x="37.7" y="263.4" class="st6" width="12" height="2" />
+        <g id="XMLID_10_">
+          <g>
+            <rect x="1.7" y="291.8" class="st6" width="12" height="2" />
+          </g>
+        </g>
+        <rect x="1.7" y="263.4" class="st6" width="12" height="2" />
+        <g>
+          <g id="XMLID_28_">
+            <g>
+              <rect x="288.3" y="380.1" class="st6" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="288.3" y="349.9" class="st6" width="12" height="2" />
+          <g id="XMLID_27_">
+            <g>
+              <rect x="252.3" y="380.1" class="st6" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="252.3" y="349.9" class="st6" width="12" height="2" />
+          <g id="XMLID_26_">
+            <g>
+              <rect x="216.3" y="380.1" class="st6" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="216.3" y="349.9" class="st6" width="12" height="2" />
+          <g id="XMLID_25_">
+            <g>
+              <rect x="180.3" y="380.1" class="st6" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="180.3" y="349.9" class="st6" width="12" height="2" />
+          <g id="XMLID_24_">
+            <g>
+              <rect x="144.3" y="380.1" class="st6" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="144.3" y="349.9" class="st6" width="12" height="2" />
+          <g id="XMLID_23_">
+            <g>
+              <rect x="108.3" y="380.1" class="st6" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="108.3" y="349.9" class="st6" width="12" height="2" />
+          <g id="XMLID_22_">
+            <g>
+              <rect x="72.3" y="380.1" class="st6" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="72.3" y="349.9" class="st6" width="12" height="2" />
+          <g id="XMLID_21_">
+            <g>
+              <rect x="36.3" y="380.1" class="st6" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="36.3" y="349.9" class="st6" width="12" height="2" />
+          <g id="XMLID_3_">
+            <g>
+              <rect x="0.3" y="380.1" class="st6" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="0.3" y="349.9" class="st6" width="12" height="2" />
+        </g>
+        <g>
+          <g>
+            <rect x="-0.1" y="320.2" class="st5" width="299.4" height="2" />
+          </g>
+          <rect x="109.7" y="291.8" class="st6" width="189.2" height="2" />
+          <rect x="109.7" y="263.4" class="st6" width="189.2" height="2" />
+          <rect x="-0.2" y="235" class="st6" width="299.8" height="2" />
+          <polygon
+            class="st6"
+            points="298.3,217.4 300.3,217.4 300.3,322.2 298.3,322.2 298.3,286.2 298.3,283.7 298.3,250.1 298.3,247.7
+             "
+          />
+        </g>
+      </g>
+      <g>
+        <rect x="569.4" y="236" class="st6" width="300.3" height="2" />
+        <g id="XMLID_50_">
+          <g>
+            <rect x="783.9" y="354.5" class="st6" width="12" height="2" />
+          </g>
+        </g>
+        <rect x="783.9" y="383" class="st6" width="12" height="2" />
+        <g id="XMLID_49_">
+          <g>
+            <rect x="819.9" y="354.5" class="st6" width="12" height="2" />
+          </g>
+        </g>
+        <rect x="819.9" y="383" class="st6" width="12" height="2" />
+        <g id="XMLID_48_">
+          <g>
+            <rect x="855.9" y="354.5" class="st6" width="12" height="2" />
+          </g>
+        </g>
+        <rect x="855.9" y="383" class="st6" width="12" height="2" />
+        <g>
+          <g id="XMLID_47_">
+            <g>
+              <rect x="569.3" y="266.2" class="st6" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="569.3" y="296.5" class="st6" width="12" height="2" />
+          <g id="XMLID_46_">
+            <g>
+              <rect x="605.3" y="266.2" class="st6" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="605.3" y="296.5" class="st6" width="12" height="2" />
+          <g id="XMLID_45_">
+            <g>
+              <rect x="641.3" y="266.2" class="st6" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="641.3" y="296.5" class="st6" width="12" height="2" />
+          <g id="XMLID_44_">
+            <g>
+              <rect x="677.3" y="266.2" class="st6" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="677.3" y="296.5" class="st6" width="12" height="2" />
+          <g id="XMLID_43_">
+            <g>
+              <rect x="713.3" y="266.2" class="st6" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="713.3" y="296.5" class="st6" width="12" height="2" />
+          <g id="XMLID_42_">
+            <g>
+              <rect x="749.3" y="266.2" class="st6" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="749.3" y="296.5" class="st6" width="12" height="2" />
+          <g id="XMLID_41_">
+            <g>
+              <rect x="785.3" y="266.2" class="st6" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="785.3" y="296.5" class="st6" width="12" height="2" />
+          <g id="XMLID_40_">
+            <g>
+              <rect x="821.3" y="266.2" class="st6" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="821.3" y="296.5" class="st6" width="12" height="2" />
+          <g id="XMLID_39_">
+            <g>
+              <rect x="857.3" y="266.2" class="st6" width="12" height="2" />
+            </g>
+          </g>
+          <rect x="857.3" y="296.5" class="st6" width="12" height="2" />
+        </g>
+        <g>
+          <g>
+            <rect x="570.4" y="326.1" class="st5" width="299.4" height="2" />
+          </g>
+          <rect x="570.7" y="354.5" class="st6" width="189.2" height="2" />
+          <rect x="570.7" y="383" class="st6" width="189.2" height="2" />
+          <rect x="570" y="411.4" class="st6" width="299.8" height="2" />
+          <polygon
+            class="st6"
+            points="571.3,431 569.3,431 569.3,326.1 571.3,326.1 571.3,362.1 571.3,364.6 571.3,398.3 571.3,400.6
+       "
+          />
+        </g>
+      </g>
+      <g>
+        <rect x="520.7" y="458.6" class="st6" width="2" height="191.4" />
+        <g>
+          <g id="XMLID_20_">
+            <g>
+              <rect x="490.5" y="458.6" class="st6" width="2" height="12" />
+            </g>
+          </g>
+          <rect x="460.3" y="458.6" class="st6" width="2" height="12" />
+          <g id="XMLID_19_">
+            <g>
+              <rect x="490.5" y="494.6" class="st6" width="2" height="12" />
+            </g>
+          </g>
+          <rect x="460.3" y="494.6" class="st6" width="2" height="12" />
+          <g id="XMLID_11_">
+            <g>
+              <rect x="490.5" y="530.6" class="st6" width="2" height="12" />
+            </g>
+          </g>
+          <rect x="460.3" y="530.6" class="st6" width="2" height="12" />
+          <g id="XMLID_6_">
+            <g>
+              <rect x="490.5" y="566.6" class="st6" width="2" height="12" />
+            </g>
+          </g>
+          <rect x="460.3" y="566.6" class="st6" width="2" height="12" />
+          <g id="XMLID_5_">
+            <g>
+              <rect x="490.5" y="602.6" class="st6" width="2" height="12" />
+            </g>
+          </g>
+          <rect x="460.3" y="602.6" class="st6" width="2" height="12" />
+          <g id="XMLID_2_">
+            <g>
+              <rect x="490.5" y="638.6" class="st6" width="2" height="11.4" />
+            </g>
+          </g>
+          <rect x="460.3" y="638.6" class="st6" width="2" height="11.4" />
+        </g>
+        <g>
+          <g>
+            <rect x="430.6" y="459.6" class="st5" width="2" height="190.4" />
+          </g>
+          <rect x="402.2" y="460" class="st6" width="2" height="190" />
+          <rect x="373.8" y="460" class="st6" width="2" height="190" />
+          <rect x="345.4" y="459.2" class="st6" width="2" height="190.8" />
+          <polygon
+            class="st6"
+            points="327.8,460.6 327.8,458.6 432.6,458.6 432.6,460.6 396.6,460.6 394.1,460.6 360.5,460.6 358.1,460.6
+             "
+          />
+        </g>
+      </g>
+    </g>
+  </svg>
+</template>
+<script>
+export default {
+  name: 'tSouthroad',
+  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>