openatc-components 0.0.1 → 0.0.6

package/src/kisscomps/components/IntersectionMap/crossDirection/busIcon/eastBusSvg.vue

@@ -0,0 +1,167 @@
+/**
+ * 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>
+  <div :style="{position: 'absolute', left: Data.busleft, top: Data.bustop}" class="eastbusmap">
+    <div :class="Data.id <= 4 ? '' : 'hide'">
+      <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 91 24"
+        style="enable-background:new 0 0 91 24;"
+        xml:space="preserve"
+        :width="IconLengh"
+        :height="IconWdith"
+      >
+        <g id="有轨电车-东" v-if="Data.controltype === 5">
+          <path
+            class="st0"
+            d="M91,20V4c0-2.2-1.8-4-4-4H4C1.8,0,0,1.8,0,4v16c0,2.2,1.8,4,4,4h83C89.2,24,91,22.2,91,20z"
+          ></path>
+          <g>
+            <path
+              class="st1"
+              d="M46.7,16.4H51h0.5h0.9h0.4h0.9H59h0.9h0.4h0.9h4.9H67h0.5h0.9h4.9h0.9h0.4h0.9h0.6h0.4c0.3,0,0.6-0.2,0.6-0.6
+                V8.1c0-0.3-0.2-0.6-0.6-0.6H55.2l-1-0.6l2.6-1c0.1-0.1,0.1-0.3,0.1-0.4c-0.1-0.1-0.3-0.1-0.4-0.1l-3.1,1.2c0,0.2-0.1,0.2-0.1,0.3
+                c0,0.2,0,0.3,0.1,0.3l0.8,0.5H51c-3.4,0-6.2,2.8-6.2,6.2l0,0C44.8,14.8,45.6,16.7,46.7,16.4z M73.8,10.3c0-0.2,0.2-0.5,0.5-0.5
+                h1.6c0.2,0,0.5,0.2,0.5,0.5v2.2c0,0.2-0.2,0.5-0.5,0.5h-1.6c-0.2,0-0.5-0.2-0.5-0.5V10.3z M70.8,10.3c0-0.2,0.2-0.5,0.5-0.5h1.6
+                c0.2,0,0.5,0.2,0.5,0.5v2.2c0,0.2-0.2,0.5-0.5,0.5h-1.6c-0.2,0-0.5-0.2-0.5-0.5V10.3z M67.5,12.6v-2.2c0-0.2,0.2-0.5,0.5-0.5h1.5
+                c0.2,0,0.5,0.2,0.5,0.5v2.2c0,0.2-0.2,0.5-0.5,0.5h-1.6C67.7,13.1,67.4,12.8,67.5,12.6L67.5,12.6z M64.5,10.3
+                c0-0.2,0.2-0.5,0.5-0.5h1.6c0.2,0,0.5,0.2,0.5,0.5v2.2c0,0.2-0.2,0.5-0.5,0.5H65c-0.2,0-0.5-0.2-0.5-0.5V10.3z M61.4,10.3
+                c0-0.2,0.2-0.5,0.5-0.5h1.6c0.2,0,0.5,0.2,0.5,0.5v2.2c0,0.2-0.2,0.5-0.5,0.5h-1.6c-0.2,0-0.5-0.2-0.5-0.5V10.3z M58.1,10.3
+                c0-0.2,0.2-0.5,0.5-0.5h1.6c0.2,0,0.5,0.2,0.5,0.5v2.2c0,0.2-0.2,0.5-0.5,0.5h-1.6c-0.2,0-0.5-0.2-0.5-0.5V10.3z M55,10.3
+                c0-0.2,0.2-0.5,0.5-0.5h1.6c0.2,0,0.5,0.2,0.5,0.5v2.2c0,0.2-0.2,0.5-0.5,0.5h-1.6c-0.2,0-0.5-0.2-0.5-0.5V10.3z M51.9,12.6v-2.2
+                c0-0.2,0.2-0.5,0.5-0.5h1.7c0.2,0,0.5,0.2,0.5,0.5v2.2c0,0.2-0.2,0.5-0.5,0.5h-1.6c-0.2,0-0.5-0.2-0.5-0.5H51.9z M47.6,14.9v-2.8
+                c0-1.3,1-2.3,2.3-2.3c0.4,0,0.8,0.4,0.8,0.8v4.3c0,0.4-0.4,0.8-0.8,0.8h-1.6C47.9,15.7,47.5,15.3,47.6,14.9L47.6,14.9z"
+            ></path>
+            <path
+              class="st1"
+              d="M78.4,18.1c0,0.2-0.2,0.5-0.5,0.5h-34c-0.2,0-0.5-0.3-0.5-0.5s0.2-0.5,0.5-0.5h34
+              C78.2,17.6,78.4,17.9,78.4,18.1z"
+            ></path>
+          </g>
+        </g>
+        <g id="公交车-东" v-if="Data.controltype === 3">
+          <path
+            class="st0"
+            d="M91,20V4c0-2.2-1.8-4-4-4H4C1.8,0,0,1.8,0,4v16c0,2.2,1.8,4,4,4h83C89.2,24,91,22.2,91,20z"
+          ></path>
+          <g>
+            <path
+              class="st1"
+              d="M51,14c-1,0-1.8,0.8-1.8,1.8s0.8,1.8,1.8,1.8s1.8-0.8,1.8-1.8S51.8,14,51,14z M51,17.1
+              c-0.8,0-1.3-0.7-1.3-1.3c0-0.8,0.5-1.3,1.3-1.3s1.3,0.7,1.3,1.3C52.3,16.4,51.8,17,51,17.1z"
+            ></path>
+            <path
+              class="st1"
+              d="M68.3,14c-1,0-1.8,0.8-1.8,1.8s0.8,1.8,1.8,1.8s1.8-0.8,1.8-1.8S69.3,14,68.3,14z M68.3,17.1
+              c-0.8,0-1.3-0.7-1.3-1.3c0-0.8,0.7-1.3,1.3-1.3c0.8,0,1.3,0.7,1.3,1.3C69.6,16.4,69,17.1,68.3,17.1z"
+            ></path>
+            <path
+              class="st1"
+              d="M73.7,6.4H46c-1,0-1.8,0.8-1.8,1.8v3l-0.8,0.4V15c0,0.3,0.2,0.6,0.6,0.6h0.2h0.9h3.4c0.1-1.3,1.1-2.3,2.4-2.3
+              s2.4,1,2.4,2.3h12.5c0.1-1.3,1.1-2.3,2.4-2.3s2.4,1,2.4,2.3h1.5c1.4-0.4,4.1-1,5.2-1.3V9.6C77.3,7.8,75.8,6.3,73.7,6.4z M48,8.3
+              L47.9,14c0,0.3-0.2,0.6-0.6,0.6h-0.9c-0.3,0-0.6-0.2-0.6-0.6V8.3c0-0.3,0.2-0.6,0.6-0.6h1C47.7,7.7,48,7.9,48,8.3L48,8.3z
+               M55,10.2c0,0.2-0.2,0.5-0.5,0.5h-4.9c-0.2,0-0.5-0.2-0.5-0.5V8.1c0-0.2,0.2-0.5,0.5-0.5h4.9c0.2,0,0.5,0.2,0.5,0.5V10.2z
+               M61.7,10.2c0,0.2-0.2,0.5-0.5,0.5h-4.9c-0.2,0-0.5-0.2-0.5-0.5V8.1c0-0.2,0.2-0.5,0.5-0.5h4.9c0.2,0,0.5,0.2,0.5,0.5V10.2z
+               M68.5,10.2c0,0.2-0.2,0.5-0.5,0.5h-5c-0.2,0-0.5-0.2-0.5-0.5V8.1c0-0.2,0.2-0.5,0.5-0.5h5c0.2,0,0.5,0.2,0.5,0.5V10.2z
+               M75.3,10.2c0,0.2-0.2,0.5-0.5,0.5h-4.9c-0.2,0-0.5-0.2-0.5-0.5V8.1c0-0.2,0.2-0.5,0.5-0.5h4.9c0.2,0,0.5,0.2,0.5,0.5V10.2z"
+            ></path>
+          </g>
+        </g>
+        <g id="BRT-东" v-if="Data.controltype === 4">
+          <path
+            class="st0"
+            d="M91,20V4c0-2.2-1.8-4-4-4H4C1.8,0,0,1.8,0,4v16c0,2.2,1.8,4,4,4h83C89.2,24,91,22.2,91,20z"
+          ></path>
+          <g>
+            <path
+              class="st1"
+              d="M43.4,5.6h4.2c1.2,0,2,0.1,2.4,0.3c0.5,0.2,0.9,0.6,1.2,1.1s0.5,1.1,0.5,1.8c0,0.6-0.1,1.2-0.4,1.7
+              s-0.6,0.9-1.1,1.1c0.6,0.2,1.1,0.6,1.5,1.1s0.5,1.2,0.5,2c0,0.9-0.2,1.7-0.7,2.4s-1,1-1.6,1.2c-0.4,0.1-1.4,0.2-3,0.2h-3.6
+              L43.4,5.6L43.4,5.6z M45.5,7.7v3h1.4c0.8,0,1.4,0,1.6,0c0.4-0.1,0.6-0.2,0.9-0.5s0.3-0.6,0.3-1s-0.1-0.7-0.3-0.9
+              C49.2,8,49,7.8,48.8,7.8c-0.2-0.1-0.9-0.1-2-0.1C46.8,7.7,45.5,7.7,45.5,7.7z M45.5,12.8v3.4h2c0.9,0,1.4,0,1.7-0.1
+              c0.2-0.1,0.5-0.3,0.6-0.5c0.2-0.3,0.3-0.6,0.3-1s-0.1-0.8-0.3-1s-0.4-0.5-0.7-0.6s-0.9-0.2-1.8-0.2H45.5z"
+            ></path>
+            <path
+              class="st1"
+              d="M55.1,18.4V5.6h4.5c1.1,0,2,0.1,2.5,0.3s0.9,0.6,1.2,1.2s0.5,1.3,0.5,2.1c0,1-0.2,1.8-0.7,2.4
+              c-0.5,0.6-1.2,1-2.1,1.2c0.5,0.3,0.8,0.7,1.1,1.1s0.7,1.1,1.2,2.1l1.3,2.5h-2.5l-1.5-2.8c-0.6-1-0.9-1.6-1.1-1.9s-0.4-0.4-0.6-0.5
+              s-0.6-0.1-1.1-0.1h-0.4v5.4h-2.3V18.4z M57.2,11h1.6c1,0,1.6,0,1.8-0.1s0.5-0.3,0.6-0.5s0.2-0.6,0.2-1s-0.1-0.7-0.2-1
+              S60.8,8,60.5,7.9c-0.2-0.1-0.8-0.1-1.7-0.1h-1.7V11H57.2z"
+            ></path>
+            <path class="st1" d="M69.2,18.4V7.7h-3.1V5.6h8.4v2.2h-3.1v10.7h-2.2V18.4z"></path>
+          </g>
+        </g>
+        <g id="非机动车-东" v-if="Data.controltype === 6">
+          <path
+            class="st0"
+            d="M91,20V4c0-2.2-1.8-4-4-4H4C1.8,0,0,1.8,0,4v16c0,2.2,1.8,4,4,4h83C89.2,24,91,22.2,91,20z"
+          ></path>
+          <path
+            class="st1"
+            d="M62.4,10.4c-0.4,0-0.9,0.1-1.3,0.2l-1.2-2.5l0.5-1.2h0.7c0.2,0,0.4-0.1,0.5-0.2s0.2-0.3,0.2-0.5
+            c0-0.4-0.3-0.7-0.7-0.7h-3c-0.2,0-0.4,0.1-0.5,0.2S57.3,6,57.3,6.2c0,0.4,0.3,0.7,0.7,0.7h0.7l-0.2,0.4h-7.2l0.2-0.8
+            c0.1-0.1,0.2-0.4,0.3-0.4h1.3c0.4,0,0.7-0.3,0.7-0.7s-0.3-0.7-0.7-0.7h-1.3c-1,0-1.5,0.9-1.7,1.4l-1.4,4.4c-0.2,0-0.5-0.1-0.7-0.1
+            c-2.6,0-4.7,2.1-4.7,4.7s2.1,4.7,4.7,4.7s4.7-2.1,4.7-4.7c0-1.8-1-3.4-2.6-4.2l0.2-0.7l5.4,5.3l0,0l0,0l0.1,0.1h0.1l0.1-0.2l0,0
+            v0.3h0.1h1.4c0.3,2.3,2.3,4.1,4.7,4.1c2.6,0,4.7-2.1,4.7-4.7S65,10.4,62.4,10.4z M58,8.8l-2,4.9l-4.9-4.9C51.1,8.8,58,8.8,58,8.8z
+             M59.2,14.2c0.2-0.7,0.6-1.3,1.2-1.7l0.8,1.7H59.2z M59.8,11.2c-1.1,0.7-1.8,1.8-2,3.1h-0.3l1.8-4.3L59.8,11.2z M62.4,15.7
+            c0.3,0,0.5-0.1,0.6-0.3s0.2-0.5,0-0.7L61.7,12c0.2,0,0.4-0.1,0.6-0.1c1.8,0,3.2,1.5,3.2,3.2c0,1.8-1.5,3.2-3.2,3.2
+            c-1.6,0-2.9-1.1-3.2-2.6L62.4,15.7z M47.4,15c-0.1,0.2,0,0.4,0,0.6s0.2,0.3,0.4,0.4c0.4,0.1,0.8-0.1,0.9-0.5l1-3.1
+            c1,0.6,1.6,1.6,1.6,2.8c0,1.8-1.5,3.2-3.2,3.2c-1.8,0-3.2-1.5-3.2-3.2c0-1.8,1.5-3.2,3.2-3.2c0.1,0,0.2,0,0.3,0L47.4,15z"
+          ></path>
+        </g>
+      </svg>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: 'eastBusSvg',
+  props: {
+    IconLengh: {
+      // 相位图标长度
+      type: String,
+      default: '91px'
+    },
+    IconWdith: {
+      // 相位图标宽度
+      type: String,
+      default: '24px'
+    },
+    Data: {
+      type: Object
+    }
+  },
+  methods: {},
+  mounted () {}
+}
+</script>
+<style scoped>
+.invisible {
+  visibility: hidden;
+}
+.hide {
+  display: none;
+}
+.st0 {
+  opacity: 0.8;
+  fill: #5f5f5f;
+  enable-background: new;
+}
+.st1 {
+  fill: #ffffff;
+}
+</style>

package/src/kisscomps/components/IntersectionMap/crossDirection/busIcon/northBusSvg.vue

@@ -0,0 +1,168 @@
+/**
+ * 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>
+  <div :style="{position: 'absolute', left: Data.busleft, top: Data.bustop}" class="northbusmap">
+    <div :class="Data.id >= 9 && Data.id <= 12 ? '' : 'hide'">
+      <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 24 91"
+        style="enable-background:new 0 0 24 91;"
+        xml:space="preserve"
+        :width="IconWdith"
+        :height="IconLengh"
+      >
+        <g id="有轨电车-北" v-if="Data.controltype === 5">
+          <path
+            class="st0"
+            d="M0,4v83c0,2.2,1.8,4,4,4h16c2.2,0,4-1.8,4-4V4c0-2.2-1.8-4-4-4H4C1.8,0,0,1.8,0,4z"
+          ></path>
+          <g>
+            <path
+              class="st1"
+              d="M10.1,46.2L10.1,46.2c3.4,0,6.2-2.8,6.2-6.2v-3.2l0.5,0.8c0,0.1,0.1,0.1,0.3,0.1c0.1,0,0.1-0.1,0.3-0.1
+              l1.2-3.1c0-0.1,0-0.3-0.1-0.4c-0.1,0-0.3,0-0.4,0.1l-1,2.6l-0.6-1V14.5c0-0.4-0.3-0.6-0.6-0.6H8.1c-0.4,0-0.6,0.3-0.6,0.6v0.4v0.6
+              v0.9v0.4v0.9v4.9v0.9V24v0.9v4.9v0.9v0.4V32v5.3v0.9v0.4v0.9V40v4.3C7.2,45.4,9.1,46.2,10.1,46.2z M11.4,17.2
+              c-0.3,0-0.5-0.3-0.5-0.5v-1.6c0-0.3,0.3-0.5,0.5-0.5h2.2c0.3,0,0.5,0.3,0.5,0.5v1.6c0,0.3-0.3,0.5-0.5,0.5H11.4z M11.4,20.2
+              c-0.3,0-0.5-0.3-0.5-0.5v-1.6c0-0.3,0.3-0.5,0.5-0.5h2.2c0.3,0,0.5,0.3,0.5,0.5v1.6c0,0.3-0.3,0.5-0.5,0.5H11.4z M11.4,23.5
+              c-0.3,0.1-0.5-0.2-0.5-0.4v-1.6c0-0.3,0.3-0.5,0.5-0.5h2.2c0.3,0,0.5,0.3,0.5,0.5V23c0,0.3-0.3,0.5-0.5,0.5H11.4L11.4,23.5z
+               M11.4,26.5c-0.3,0-0.5-0.3-0.5-0.5v-1.6c0-0.3,0.3-0.5,0.5-0.5h2.2c0.3,0,0.5,0.3,0.5,0.5V26c0,0.3-0.3,0.5-0.5,0.5H11.4z
+               M11.4,29.6c-0.3,0-0.5-0.3-0.5-0.5v-1.6c0-0.3,0.3-0.5,0.5-0.5h2.2c0.3,0,0.5,0.3,0.5,0.5v1.6c0,0.3-0.3,0.5-0.5,0.5H11.4z
+               M11.4,32.9c-0.3,0-0.5-0.3-0.5-0.5v-1.6c0-0.3,0.3-0.5,0.5-0.5h2.2c0.3,0,0.5,0.3,0.5,0.5v1.6c0,0.3-0.3,0.5-0.5,0.5H11.4z
+               M11.4,36c-0.3,0-0.5-0.3-0.5-0.5v-1.6c0-0.3,0.3-0.5,0.5-0.5h2.2c0.3,0,0.5,0.3,0.5,0.5v1.6c0,0.3-0.3,0.5-0.5,0.5H11.4z
+               M11.4,39c-0.3,0-0.5-0.3-0.5-0.5v-1.6c0-0.3,0.3-0.5,0.5-0.5h2.2c0.3,0,0.5,0.3,0.5,0.5v1.7c0,0.3-0.3,0.5-0.5,0.5h-2.2V39z
+               M9,43.4c-0.4,0.1-0.8-0.3-0.8-0.7v-1.6c0-0.4,0.4-0.8,0.8-0.8h4.3c0.4,0,0.8,0.4,0.8,0.8c0,1.3-1,2.3-2.3,2.3H9L9,43.4z"
+            ></path>
+            <path
+              class="st1"
+              d="M6.3,13.1v34c0,0.3-0.3,0.5-0.5,0.5s-0.5-0.3-0.5-0.5v-34c0-0.3,0.3-0.5,0.5-0.5S6.3,12.8,6.3,13.1z"
+            ></path>
+          </g>
+        </g>
+        <g id="公交车-北" v-if="Data.controltype === 3">
+          <path
+            class="st0"
+            d="M0,4v83c0,2.2,1.8,4,4,4h16c2.2,0,4-1.8,4-4V4c0-2.2-1.8-4-4-4H4C1.8,0,0,1.8,0,4z"
+          ></path>
+          <g>
+            <path
+              class="st1"
+              d="M8.2,38.2c-1,0-1.8,0.8-1.8,1.8s0.8,1.8,1.8,1.8S10,41,10,40C10,39.2,9.2,38.2,8.2,38.2z M8.2,38.7
+              c0.6,0,1.3,0.5,1.3,1.3S9,41.3,8.2,41.3c-0.6,0-1.3-0.5-1.3-1.3C7,39.2,7.6,38.7,8.2,38.7z"
+            ></path>
+            <path
+              class="st1"
+              d="M8.2,20.9c-1,0-1.8,0.8-1.8,1.8s0.8,1.8,1.8,1.8s1.8-0.8,1.8-1.8S9.2,20.9,8.2,20.9z M8.2,21.4
+              c0.6,0,1.3,0.5,1.3,1.3C9.5,23.3,9,24,8.2,24c-0.6,0-1.3-0.5-1.3-1.3C6.9,22,7.6,21.4,8.2,21.4z"
+            ></path>
+            <path
+              class="st1"
+              d="M14.4,13.7H9.7c-0.3,1.1-0.9,3.8-1.3,5.2v1.5c1.3,0,2.3,1.1,2.3,2.4s-1,2.3-2.3,2.4v12.5
+              c1.3,0,2.3,1.1,2.3,2.4s-1,2.3-2.3,2.4v3.4v0.9V47c0,0.4,0.3,0.6,0.6,0.6h3.4l0.4-0.8h3c1,0,1.8-0.8,1.8-1.8V17.3
+              C17.7,15.2,16.2,13.7,14.4,13.7z M15.7,43c0.4,0,0.6,0.3,0.6,0.6v1c0,0.4-0.3,0.6-0.6,0.6H10c-0.4,0-0.6-0.3-0.6-0.6v-0.9
+              c0-0.4,0.3-0.6,0.6-0.6L15.7,43L15.7,43z M15.9,36c0.3,0,0.5,0.3,0.5,0.5v4.9c0,0.3-0.3,0.5-0.5,0.5h-2.1c-0.3,0-0.5-0.3-0.5-0.5
+              v-4.9c0-0.3,0.3-0.5,0.5-0.5H15.9z M15.9,29.3c0.3,0,0.5,0.3,0.5,0.5v4.9c0,0.3-0.3,0.5-0.5,0.5h-2.1c-0.3,0-0.5-0.3-0.5-0.5v-4.9
+              c0-0.3,0.3-0.5,0.5-0.5C13.8,29.3,15.9,29.3,15.9,29.3z M15.9,22.5c0.3,0,0.5,0.3,0.5,0.5v5c0,0.3-0.3,0.5-0.5,0.5h-2.1
+              c-0.3,0-0.5-0.3-0.5-0.5v-5c0-0.3,0.3-0.5,0.5-0.5H15.9z M15.9,15.7c0.3,0,0.5,0.3,0.5,0.5v4.9c0,0.3-0.3,0.5-0.5,0.5h-2.1
+              c-0.3,0-0.5-0.3-0.5-0.5v-4.9c0-0.3,0.3-0.5,0.5-0.5C13.8,15.7,15.9,15.7,15.9,15.7z"
+            ></path>
+          </g>
+        </g>
+        <g id="BRT-北" v-if="Data.controltype === 4">
+          <path
+            class="st0"
+            d="M0,4v83c0,2.2,1.8,4,4,4h16c2.2,0,4-1.8,4-4V4c0-2.2-1.8-4-4-4H4C1.8,0,0,1.8,0,4z"
+          ></path>
+          <g>
+            <path
+              class="st1"
+              d="M18.4,16.5v4.2c0,1.2-0.1,2-0.3,2.4c-0.2,0.5-0.6,0.9-1.1,1.2c-0.5,0.3-1.1,0.5-1.8,0.5
+              c-0.6,0-1.2-0.1-1.7-0.4s-0.9-0.6-1.1-1.1c-0.2,0.6-0.6,1.1-1.1,1.5s-1.2,0.5-2,0.5c-0.9,0-1.7-0.2-2.4-0.7s-1-1-1.2-1.6
+              c-0.1-0.4-0.2-1.4-0.2-3v-3.6h12.9V16.5z M16.3,18.6h-3V20c0,0.8,0,1.4,0,1.6c0.1,0.4,0.2,0.6,0.5,0.9s0.6,0.3,1,0.3
+              s0.7-0.1,0.9-0.3c0.2-0.2,0.4-0.4,0.4-0.6c0.1-0.2,0.1-0.9,0.1-2v-1.3H16.3z M11.2,18.6H7.7v2c0,0.9,0,1.4,0.1,1.7
+              c0.1,0.2,0.3,0.5,0.5,0.6c0.3,0.2,0.6,0.3,1,0.3s0.8-0.1,1-0.3s0.5-0.4,0.6-0.7c0.1-0.3,0.2-0.9,0.2-1.8v-1.8H11.2z"
+            ></path>
+            <path
+              class="st1"
+              d="M5.6,28.3h12.9v4.5c0,1.1-0.1,2-0.3,2.5s-0.6,0.9-1.2,1.2S15.7,37,14.9,37c-1,0-1.8-0.2-2.4-0.7
+              c-0.6-0.5-1-1.2-1.2-2.1c-0.3,0.5-0.7,0.8-1.1,1.1S9.1,36,8.1,36.5l-2.5,1.3v-2.5l2.8-1.5c1-0.6,1.6-0.9,1.9-1.1s0.4-0.4,0.5-0.6
+              s0.1-0.6,0.1-1.1v-0.4H5.6V28.3z M13,30.4V32c0,1,0,1.6,0.1,1.8s0.3,0.5,0.5,0.6s0.6,0.2,1,0.2s0.7-0.1,1-0.2s0.4-0.4,0.5-0.7
+              c0.1-0.2,0.1-0.8,0.1-1.7v-1.7H13V30.4z"
+            ></path>
+            <path class="st1" d="M5.6,42.4h10.7v-3.1h2.2v8.4h-2.2v-3.1H5.6V42.4z"></path>
+          </g>
+        </g>
+        <g id="非机动车-北_1_" v-if="Data.controltype === 6">
+          <path
+            class="st0"
+            d="M0,4v83c0,2.2,1.8,4,4,4h16c2.2,0,4-1.8,4-4V4c0-2.2-1.8-4-4-4H4C1.8,0,0,1.8,0,4z"
+          ></path>
+          <path
+            class="st1"
+            d="M8.9,23.9c-2.6,0-4.7,2.1-4.7,4.7C4.2,31,6,33,8.3,33.3v1.4c0,0.1,0,0.1,0,0.1h0.3l0,0l-0.2,0.1c0,0,0,0,0,0.1
+            c0,0,0,0.1,0.1,0.1l0,0l0,0l5.3,5.4l-0.7,0.2c-0.8-1.6-2.4-2.6-4.2-2.6c-2.6,0-4.7,2.1-4.7,4.7s2.1,4.7,4.7,4.7s4.7-2.1,4.7-4.7
+            c0-0.2,0-0.5-0.1-0.7l4.4-1.4c0.5-0.2,1.4-0.7,1.4-1.7v-1.3c0-0.4-0.3-0.7-0.7-0.7s-0.7,0.3-0.7,0.7V39c0,0.1-0.2,0.3-0.4,0.3
+            l-0.8,0.2v-7.2l0.4-0.2v0.7c0,0.4,0.3,0.7,0.7,0.7c0.2,0,0.4-0.1,0.5-0.2s0.2-0.3,0.2-0.5v-3c0-0.4-0.3-0.7-0.7-0.7
+            c-0.2,0-0.4,0.1-0.5,0.2s-0.2,0.3-0.2,0.5v0.7L15.9,31l-2.5-1.2c0.1-0.4,0.2-0.8,0.2-1.3C13.6,26,11.5,23.9,8.9,23.9z M15.2,39.9
+            L10.3,35l4.9-2C15.2,33,15.2,39.9,15.2,39.9z M9.8,29.7l1.7,0.8c-0.4,0.6-1,1-1.7,1.2V29.7z M14.1,31.8l-4.3,1.8v-0.3
+            c1.3-0.2,2.4-1,3.1-2L14.1,31.8z M8.3,31.8c-1.5-0.3-2.6-1.6-2.6-3.2c0-1.8,1.5-3.2,3.2-3.2c1.8,0,3.2,1.5,3.2,3.2
+            c0,0.2,0,0.4-0.1,0.6l-2.7-1.3c-0.2-0.1-0.5-0.1-0.7,0s-0.3,0.4-0.3,0.6V31.8z M12.1,42.6c0,0.1,0,0.2,0,0.3c0,1.8-1.5,3.2-3.2,3.2
+            c-1.8,0-3.2-1.5-3.2-3.2c0-1.8,1.5-3.2,3.2-3.2c1.1,0,2.2,0.6,2.8,1.6l-3.1,1c-0.4,0.1-0.6,0.5-0.5,0.9c0.1,0.2,0.2,0.3,0.4,0.4
+            s0.4,0.1,0.6,0L12.1,42.6z"
+          ></path>
+        </g>
+      </svg>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: 'northBusSvg',
+  props: {
+    IconLengh: {
+      // 相位图标长度
+      type: String,
+      default: '91px'
+    },
+    IconWdith: {
+      // 相位图标宽度
+      type: String,
+      default: '24px'
+    },
+    Data: {
+      type: Object
+    }
+  },
+  methods: {},
+  mounted () {}
+}
+</script>
+<style scoped>
+.invisible {
+  visibility: hidden;
+}
+.hide {
+  display: none;
+}
+.st0 {
+  opacity: 0.8;
+  fill: #5f5f5f;
+  enable-background: new;
+}
+.st1 {
+  fill: #ffffff;
+}
+</style>

package/src/kisscomps/components/IntersectionMap/crossDirection/busIcon/southBusSvg.vue

@@ -0,0 +1,168 @@
+/**
+ * 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>
+  <div :style="{position: 'absolute', left: Data.busleft, top: Data.bustop}" class="southbusmap">
+    <div :class="Data.id >= 13 && Data.id <= 16 ? '' : 'hide'">
+      <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 24 91"
+        style="enable-background:new 0 0 24 91;"
+        xml:space="preserve"
+        :width="IconWdith"
+        :height="IconLengh"
+      >
+        <g id="有轨电车-南" v-if="Data.controltype === 5">
+          <path
+            class="st0"
+            d="M24,87V4c0-2.2-1.8-4-4-4H4C1.8,0,0,1.8,0,4v83c0,2.2,1.8,4,4,4h16C22.2,91,24,89.2,24,87z"
+          ></path>
+          <g>
+            <path
+              class="st1"
+              d="M13.9,44.8L13.9,44.8c-3.4,0-6.2,2.8-6.2,6.2v3.2l-0.5-0.8c0-0.1-0.1-0.1-0.3-0.1c-0.1,0-0.1,0.1-0.3,0.1
+              l-1.2,3.1c0,0.1,0,0.3,0.1,0.4c0.1,0,0.3,0,0.4-0.1l1-2.6l0.6,1v21.3c0,0.4,0.3,0.6,0.6,0.6h7.8c0.4,0,0.6-0.3,0.6-0.6v-0.4v-0.6
+              v-0.9v-0.4v-0.9v-4.9v-0.9V67v-0.9v-4.9v-0.9v-0.4V59v-5.3v-0.9v-0.4v-0.9V51v-4.3C16.8,45.6,14.9,44.8,13.9,44.8z M12.6,73.8
+              c0.3,0,0.5,0.3,0.5,0.5v1.6c0,0.3-0.3,0.5-0.5,0.5h-2.2c-0.3,0-0.5-0.3-0.5-0.5v-1.6c0-0.3,0.3-0.5,0.5-0.5H12.6z M12.6,70.8
+              c0.3,0,0.5,0.3,0.5,0.5v1.6c0,0.3-0.3,0.5-0.5,0.5h-2.2c-0.3,0-0.5-0.3-0.5-0.5v-1.6c0-0.3,0.3-0.5,0.5-0.5H12.6z M12.6,67.5
+              c0.3-0.1,0.5,0.2,0.5,0.4v1.6c0,0.3-0.3,0.5-0.5,0.5h-2.2c-0.3,0-0.5-0.3-0.5-0.5V68c0-0.3,0.3-0.5,0.5-0.5H12.6L12.6,67.5z
+               M12.6,64.5c0.3,0,0.5,0.3,0.5,0.5v1.6c0,0.3-0.3,0.5-0.5,0.5h-2.2c-0.3,0-0.5-0.3-0.5-0.5V65c0-0.3,0.3-0.5,0.5-0.5H12.6z
+               M12.6,61.4c0.3,0,0.5,0.3,0.5,0.5v1.6c0,0.3-0.3,0.5-0.5,0.5h-2.2c-0.3,0-0.5-0.3-0.5-0.5v-1.6c0-0.3,0.3-0.5,0.5-0.5H12.6z
+               M12.6,58.1c0.3,0,0.5,0.3,0.5,0.5v1.6c0,0.3-0.3,0.5-0.5,0.5h-2.2c-0.3,0-0.5-0.3-0.5-0.5v-1.6c0-0.3,0.3-0.5,0.5-0.5H12.6z
+               M12.6,55c0.3,0,0.5,0.3,0.5,0.5v1.6c0,0.3-0.3,0.5-0.5,0.5h-2.2c-0.3,0-0.5-0.3-0.5-0.5v-1.6c0-0.3,0.3-0.5,0.5-0.5H12.6z
+               M12.6,52c0.3,0,0.5,0.3,0.5,0.5v1.6c0,0.3-0.3,0.5-0.5,0.5h-2.2c-0.3,0-0.5-0.3-0.5-0.5v-1.7c0-0.3,0.3-0.5,0.5-0.5h2.2V52z
+               M15,47.6c0.4-0.1,0.8,0.3,0.8,0.7v1.6c0,0.4-0.4,0.8-0.8,0.8h-4.3c-0.4,0-0.8-0.4-0.8-0.8c0-1.3,1-2.3,2.3-2.3H15L15,47.6z"
+            ></path>
+            <path
+              class="st1"
+              d="M17.7,77.9v-34c0-0.3,0.3-0.5,0.5-0.5s0.5,0.3,0.5,0.5v34c0,0.3-0.3,0.5-0.5,0.5S17.7,78.2,17.7,77.9z"
+            ></path>
+          </g>
+        </g>
+        <g id="公交车-南" v-if="Data.controltype === 3">
+          <path
+            class="st0"
+            d="M24,87V4c0-2.2-1.8-4-4-4H4C1.8,0,0,1.8,0,4v83c0,2.2,1.8,4,4,4h16C22.2,91,24,89.2,24,87z"
+          ></path>
+          <g>
+            <path
+              class="st1"
+              d="M15.8,52.8c1,0,1.8-0.8,1.8-1.8s-0.8-1.8-1.8-1.8S14,50,14,51C14,51.8,14.8,52.8,15.8,52.8z M15.8,52.3
+              c-0.6,0-1.3-0.5-1.3-1.3s0.5-1.3,1.3-1.3c0.6,0,1.3,0.5,1.3,1.3C17,51.8,16.4,52.3,15.8,52.3z"
+            ></path>
+            <path
+              class="st1"
+              d="M15.8,70.1c1,0,1.8-0.8,1.8-1.8s-0.8-1.8-1.8-1.8S14,67.3,14,68.3S14.8,70.1,15.8,70.1z M15.8,69.6
+              c-0.6,0-1.3-0.5-1.3-1.3c0-0.6,0.5-1.3,1.3-1.3c0.6,0,1.3,0.5,1.3,1.3C17.1,69,16.4,69.6,15.8,69.6z"
+            ></path>
+            <path
+              class="st1"
+              d="M9.6,77.3h4.7c0.3-1.1,0.9-3.8,1.3-5.2v-1.5c-1.3,0-2.3-1.1-2.3-2.4s1-2.3,2.3-2.4V53.3
+              c-1.3,0-2.3-1.1-2.3-2.4s1-2.3,2.3-2.4v-3.4v-0.9V44c0-0.4-0.3-0.6-0.6-0.6h-3.4l-0.4,0.8h-3c-1,0-1.8,0.8-1.8,1.8v27.7
+              C6.3,75.8,7.8,77.3,9.6,77.3z M8.3,48c-0.4,0-0.6-0.3-0.6-0.6v-1c0-0.4,0.3-0.6,0.6-0.6H14c0.4,0,0.6,0.3,0.6,0.6v0.9
+              c0,0.4-0.3,0.6-0.6,0.6L8.3,48L8.3,48z M8.1,55c-0.3,0-0.5-0.3-0.5-0.5v-4.9c0-0.3,0.3-0.5,0.5-0.5h2.1c0.3,0,0.5,0.3,0.5,0.5v4.9
+              c0,0.3-0.3,0.5-0.5,0.5H8.1z M8.1,61.7c-0.3,0-0.5-0.3-0.5-0.5v-4.9c0-0.3,0.3-0.5,0.5-0.5h2.1c0.3,0,0.5,0.3,0.5,0.5v4.9
+              c0,0.3-0.3,0.5-0.5,0.5H8.1z M8.1,68.5c-0.3,0-0.5-0.3-0.5-0.5v-5c0-0.3,0.3-0.5,0.5-0.5h2.1c0.3,0,0.5,0.3,0.5,0.5v5
+              c0,0.3-0.3,0.5-0.5,0.5H8.1z M8.1,75.3c-0.3,0-0.5-0.3-0.5-0.5v-4.9c0-0.3,0.3-0.5,0.5-0.5h2.1c0.3,0,0.5,0.3,0.5,0.5v4.9
+              c0,0.3-0.3,0.5-0.5,0.5H8.1z"
+            ></path>
+          </g>
+        </g>
+        <g id="BRT-南" v-if="Data.controltype === 4">
+          <path
+            class="st0"
+            d="M24,87V4c0-2.2-1.8-4-4-4H4C1.8,0,0,1.8,0,4v83c0,2.2,1.8,4,4,4h16C22.2,91,24,89.2,24,87z"
+          ></path>
+          <g>
+            <path
+              class="st1"
+              d="M5.6,74.5v-4.2c0-1.2,0.1-2,0.3-2.4C6.1,67.4,6.5,67,7,66.7c0.5-0.3,1.1-0.5,1.8-0.5c0.6,0,1.2,0.1,1.7,0.4
+              s0.9,0.6,1.1,1.1c0.2-0.6,0.6-1.1,1.1-1.5s1.2-0.5,2-0.5c0.9,0,1.7,0.2,2.4,0.7s1,1,1.2,1.6c0.1,0.4,0.2,1.4,0.2,3v3.6L5.6,74.5
+              L5.6,74.5z M7.7,72.4h3V71c0-0.8,0-1.4,0-1.6c-0.1-0.4-0.2-0.6-0.5-0.9s-0.6-0.3-1-0.3s-0.7,0.1-0.9,0.3c-0.2,0.2-0.4,0.4-0.4,0.6
+              c-0.1,0.2-0.1,0.9-0.1,2v1.3H7.7z M12.8,72.4h3.4v-2c0-0.9,0-1.4-0.1-1.7c-0.1-0.2-0.3-0.5-0.5-0.6c-0.3-0.2-0.6-0.3-1-0.3
+              s-0.8,0.1-1,0.3s-0.5,0.4-0.6,0.7c-0.1,0.3-0.2,0.9-0.2,1.8V72.4z"
+            ></path>
+            <path
+              class="st1"
+              d="M18.4,62.7H5.6v-4.5c0-1.1,0.1-2,0.3-2.5s0.6-0.9,1.2-1.2S8.4,54,9.2,54c1,0,1.8,0.2,2.4,0.7
+              c0.6,0.5,1,1.2,1.2,2.1c0.3-0.5,0.7-0.8,1.1-1.1S15,55,16,54.5l2.5-1.3v2.5l-2.8,1.5c-1,0.6-1.6,0.9-1.9,1.1s-0.4,0.4-0.5,0.6
+              s-0.1,0.6-0.1,1.1v0.4h5.4v2.3H18.4z M11,60.6V59c0-1,0-1.6-0.1-1.8s-0.3-0.5-0.5-0.6s-0.6-0.2-1-0.2s-0.7,0.1-1,0.2
+              S8,57,7.9,57.3c-0.1,0.2-0.1,0.8-0.1,1.7v1.7H11V60.6z"
+            ></path>
+            <path class="st1" d="M18.4,48.6H7.7v3.1H5.6v-8.4h2.2v3.1h10.7v2.2H18.4z"></path>
+          </g>
+        </g>
+        <g id="非机动车-南" v-if="Data.controltype === 6">
+          <path
+            class="st0"
+            d="M0,4v83c0,2.2,1.8,4,4,4h16c2.2,0,4-1.8,4-4V4c0-2.2-1.8-4-4-4H4C1.8,0,0,1.8,0,4z"
+          ></path>
+          <path
+            class="st1"
+            d="M15.1,67.1c2.6,0,4.7-2.1,4.7-4.7c0-2.4-1.8-4.4-4.1-4.7v-1.4c0-0.1,0-0.1,0-0.1h-0.3l0,0l0.2-0.1
+            c0,0,0,0,0-0.1c0,0,0-0.1-0.1-0.1l0,0l0,0l-5.3-5.4l0.7-0.2c0.8,1.6,2.4,2.6,4.2,2.6c2.6,0,4.7-2.1,4.7-4.7s-2.1-4.7-4.7-4.7
+            s-4.7,2.1-4.7,4.7c0,0.2,0,0.5,0.1,0.7l-4.4,1.4C5.6,50.5,4.7,51,4.7,52v1.3C4.7,53.6,5,54,5.5,54s0.7-0.3,0.7-0.7V52
+            c0-0.1,0.2-0.3,0.4-0.3l0.8-0.2v7.2L7,58.9v-0.7c0-0.4-0.3-0.7-0.7-0.7c-0.2,0-0.4,0.1-0.5,0.2S5.6,58,5.6,58.2v3
+            c0,0.4,0.3,0.7,0.7,0.7c0.2,0,0.4-0.1,0.5-0.2C6.9,61.6,7,61.4,7,61.2v-0.7L8.2,60l2.5,1.2c-0.1,0.4-0.2,0.8-0.2,1.3
+            C10.4,65,12.5,67.1,15.1,67.1z M8.8,51.1l4.9,4.9l-4.9,2C8.8,58,8.8,51.1,8.8,51.1z M14.2,61.3l-1.7-0.8c0.4-0.6,1-1,1.7-1.2V61.3z
+             M9.9,59.2l4.3-1.8v0.3c-1.3,0.2-2.4,1-3.1,2L9.9,59.2z M15.7,59.2c1.5,0.3,2.6,1.6,2.6,3.2c0,1.8-1.5,3.2-3.2,3.2
+            c-1.8,0-3.2-1.5-3.2-3.2c0-0.2,0-0.4,0.1-0.6l2.7,1.3c0.2,0.1,0.5,0.1,0.7,0s0.3-0.4,0.3-0.6V59.2z M11.9,48.4c0-0.1,0-0.2,0-0.3
+            c0-1.8,1.5-3.2,3.2-3.2c1.8,0,3.2,1.5,3.2,3.2c0,1.8-1.5,3.2-3.2,3.2c-1.1,0-2.2-0.6-2.8-1.6l3.1-1c0.4-0.1,0.6-0.5,0.5-0.9
+            c-0.1-0.2-0.2-0.3-0.4-0.4s-0.4-0.1-0.6,0L11.9,48.4z"
+          ></path>
+        </g>
+      </svg>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: 'southBusSvg',
+  props: {
+    IconLengh: {
+      // 相位图标长度
+      type: String,
+      default: '91px'
+    },
+    IconWdith: {
+      // 相位图标宽度
+      type: String,
+      default: '24px'
+    },
+    Data: {
+      type: Object
+    }
+  },
+  methods: {},
+  mounted () {}
+}
+</script>
+<style scoped>
+.invisible {
+  visibility: hidden;
+}
+.hide {
+  display: none;
+}
+.st0 {
+  opacity: 0.8;
+  fill: #5f5f5f;
+  enable-background: new;
+}
+.st1 {
+  fill: #ffffff;
+}
+</style>