Initial commit

public/img/div-graphic/divGraphic.css

@@ -0,0 +1,729 @@
+/* DivGraphic 相关的样式 */
+
+/**************** 一个黑色面板，指向左下角黄色连线 ****************/
+.marsBlackPanel {
+  min-width: 90px;
+  min-height: 35px;
+  position: absolute;
+  left: 16px;
+  bottom: 31px;
+  cursor: default;
+  border-radius: 4px;
+  opacity: 0.96;
+  border: 1px solid #14171c;
+  box-shadow: 0px 2px 21px 0px rgba(33, 34, 39, 0.55);
+  border-radius: 4px;
+  box-sizing: border-box;
+  background: linear-gradient(0deg, #1e202a 0%, #0d1013 100%);
+}
+
+.marsBlackPanel::before {
+  content: "";
+  width: calc(100% + 22px);
+  height: 39px;
+  position: absolute;
+  bottom: -39px;
+  left: -22px;
+  background: url("./blackPanel-bg.png") 0px 0px no-repeat;
+  background-position: 0px 0px;
+}
+
+.marsBlackPanel-text {
+  width: 100%;
+  height: 100%;
+  min-height: 33px;
+  text-align: center;
+  padding: 10px 5px 0 5px;
+  margin: 0;
+  font-size: 14px;
+  font-weight: 400;
+  color: #ffffff;
+  border: 1px solid #ffffff4f;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  white-space: nowrap;
+}
+
+.marsBlackPanel-highlight {
+  border: 2px solid yellow;
+}
+
+/**************** 一个渐变的文本面板,中间竖直连线 ****************/
+.marsBlueGradientPnl {
+  text-align: center;
+  padding: 5px 30px;
+  margin: 0;
+  color: #fff;
+  background: linear-gradient(rgb(7 10 203 / 75%), rgb(16 238 220));
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+  max-height: 130px;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  white-space: nowrap;
+}
+
+.marsBlueGradientPnl:after {
+  content: "";
+  position: absolute;
+  bottom: -60px;
+  left: calc(50% - 3px);
+  display: block;
+  width: 3px;
+  height: 60px;
+  border-right: 3px solid #2bcdbb;
+}
+
+.marsBlueGradientPnl-highlight {
+  border: 2px solid yellow;
+}
+.marsBlueGradientPnl-highlight:after {
+  border-right: 3px solid yellow;
+}
+
+/**************** 蓝色科技感文本面板 ****************/
+.mars-spot {
+  background-image: url("./lbl-circle.png");
+  position: absolute;
+  background-repeat: no-repeat;
+  user-select: none;
+  z-index: 100000;
+  width: 70px;
+  height: 44px;
+  background-size: cover;
+  bottom: -80px;
+  left: -30px;
+  cursor: default;
+}
+
+.mars-spot:hover {
+  background-image: url("./lbl-circle2.png");
+}
+
+.mars-spot:hover .mars-spot-board{
+  background-image: url("./lbl-extent2.png");
+}
+
+.mars-spot:hover .mars-spot-line{
+  background: linear-gradient(180deg, #ff6b04, transparent);
+}
+
+.mars-spot:hover .mars-spot-line:before{
+  background: linear-gradient(180deg, #ff6b04, transparent);
+}
+
+.mars-spot:hover .mars-spot-line:after{
+  background: linear-gradient(180deg, #ff6b04, transparent);
+}
+
+  .mars-spot-board {
+    background-image: url("./lbl-extent.png");
+    top: -165px;
+    transform: translateX(-30%);
+    width: 180px;
+    height: 52px;
+    padding: 15px 0;
+    background-position: 50%;
+    background-size: contain;
+    cursor: pointer;
+    position: absolute;
+    background-repeat: no-repeat;
+  }
+
+  .mars-spot-board:hover {
+    background-image: url("./lbl-extent2.png");
+
+  }
+
+  .mars-spot-board:hover+.mars-spot-line{
+    background: linear-gradient(180deg, #ff6b04, transparent);
+  }
+
+  .mars-spot-board:hover+.mars-spot-line:before{
+    background: linear-gradient(180deg, #ff6b04, transparent);
+  }
+
+  .mars-spot-board:hover+.mars-spot-line:after{
+    background: linear-gradient(180deg, #ff6b04, transparent);
+  }
+
+  .mars-spot-line {
+    position: absolute;
+    top: -108px;
+    left: 35px;
+    width: 2px;
+    height: 140px;
+    background: linear-gradient(180deg, #38c9ff, transparent);
+  }
+
+  .mars-spot-line:hover {
+    background: linear-gradient(180deg, #ff6b04, transparent);
+  }
+
+  .mars-spot-line:before {
+      height: 40%;
+      left: 6px;
+      animation: rise 3s linear 2s infinite;
+      -webkit-animation: rise 3s linear 2s infinite;
+      content: "";
+      display: block;
+      width: 1px;
+      background: linear-gradient(180deg, #38c9ff, transparent);
+      position: absolute;
+      cursor: pointer;
+    }
+
+  .mars-spot-line:after {
+      content: "";
+      display: block;
+      width: 1px;
+      background: linear-gradient(180deg, #38c9ff, transparent);
+      position: absolute;
+      cursor: pointer;
+      height: 60%;
+      left: -5px;
+      animation: rise 3s linear infinite;
+      -webkit-animation: rise 3s linear infinite;
+    }
+    .mars-spot-board h5{
+      width: 100%;
+      text-align: center;
+      line-height: 24px;
+      color: #beedff;
+      font-size: 16px;
+      margin: 0;
+    }
+
+/**************** 一个简洁文本面板,中间竖直连线 ****************/
+.marsGreenGradientPnl {
+  width: 100px;
+  text-align: center;
+  background-image: linear-gradient(to right, #565d39, #00ffc3);
+  position: relative;
+  left: -1px;
+  bottom: 29px;
+  cursor: default;
+  padding: 5px;
+  border: 1px solid #9c9944e8;
+}
+
+.marsGreenGradientPnl:hover {
+  border: 1px solid rgb(9, 255, 0);
+}
+
+.marsGreenGradientPnl::before {
+  position: absolute;
+  content: "";
+  left: 50%;
+  bottom: -30px;
+  height: 30px;
+  border-left: 2px dashed #c5e22770;
+}
+
+.marsGreenGradientPnl-highlight {
+  border: 2px solid yellow;
+}
+
+.marsGreenGradientPnl-highlight::before {
+  border-left: 2px dashed yellow !important;
+}
+
+/********** 面板：倾斜指向左下角的div1.png图片面板样式 ***********/
+
+.marsImgPanel1 {
+  position: relative;
+  width: 200px;
+  height: 134px;
+  background: rgba(42, 42, 42, 0.8);
+  border-radius: 4px;
+
+  background: url("./marsImgPanel1.png");
+  background-size: 100%;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  -o-background-size: cover;
+
+  -webkit-animation: mymove 5s infinite;
+  animation: mymove 5s infinite;
+  animation-duration: 5s;
+  animation-timing-function: ease;
+  animation-delay: 0s;
+  animation-iteration-count: infinite;
+  animation-direction: normal;
+  animation-fill-mode: none;
+  animation-play-state: running;
+  animation-name: mymove;
+}
+
+.marsImgPanel1 .title {
+  position: relative;
+  top: 20px;
+  left: 70px;
+  font-size: 15px;
+  text-align: left;
+  color: rgba(255, 255, 255, 1);
+  text-shadow: 0px 0px 9px rgba(0, 0, 0, 0.75);
+}
+
+/********** 面板：倾斜指向左下角的div2.png图片面板样式 ***********/
+.marsImgPanel2 {
+  position: relative;
+  width: 200px;
+  height: 157px;
+  background: rgba(42, 42, 42, 0.8);
+  border-radius: 4px;
+  background: url("./marsImgPanel2.png");
+  background-size: 100%;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  -o-background-size: cover;
+
+  -webkit-animation: mymove 5s infinite;
+  animation: mymove 5s infinite;
+  animation-duration: 5s;
+  animation-timing-function: ease;
+  animation-delay: 0s;
+  animation-iteration-count: infinite;
+  animation-direction: normal;
+  animation-fill-mode: none;
+  animation-play-state: running;
+  animation-name: mymove;
+}
+
+.marsImgPanel2 .title {
+  position: inherit;
+  top: 22px;
+  left: 70px;
+  font-size: 14px;
+  text-align: left;
+
+  color: rgba(255, 255, 255, 1);
+  text-shadow: 0px 0px 9px rgba(0, 0, 0, 0.75);
+}
+
+.marsImgPanel2 .content {
+  position: inherit;
+  font-size: 14px;
+  top: 30px;
+  left: 50px;
+  width: 140px;
+  height: auto;
+  text-align: left;
+  color: rgba(255, 255, 255, 1);
+  overflow: hidden;
+}
+
+/********** 面板：倾斜指向左下角的面板样式 ***********/
+
+.marsTiltPanel-wrap {
+  position: relative;
+  padding: 30px;
+  overflow: hidden;
+}
+
+.marsTiltPanel .area {
+  position: relative;
+  min-width: 180px;
+}
+
+.marsTiltPanel .b-t {
+  position: absolute;
+  top: 0;
+  left: 44px;
+  right: 0;
+  height: 1px;
+  z-index: 10;
+}
+
+.marsTiltPanel .b-r {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 44px;
+  width: 1px;
+  z-index: 10;
+}
+
+.marsTiltPanel .b-b {
+  position: absolute;
+  left: 0;
+  right: 44px;
+  bottom: 0;
+  height: 1px;
+  z-index: 10;
+}
+
+.marsTiltPanel .b-l {
+  position: absolute;
+  top: 44px;
+  left: 0;
+  bottom: 0;
+  width: 1px;
+  z-index: 10;
+}
+
+.marsTiltPanel .b-t-l {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 1px;
+  height: 62px;
+  transform: rotate(45deg) translate(52px, -22px);
+  z-index: 10;
+}
+
+.marsTiltPanel .b-b-r {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  width: 1px;
+  height: 62px;
+  transform: rotate(45deg) translate(-52px, 22px);
+  z-index: 10;
+}
+
+.marsTiltPanel .label-wrap {
+  padding-left: 12px;
+  color: #fff;
+  font-size: 16px;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.marsTiltPanel .title {
+  margin-top: 20px;
+  padding: 0 12px 0 30px;
+  height: 36px;
+  line-height: 36px;
+  position: relative;
+}
+
+.marsTiltPanel .title::before {
+  content: "";
+  position: absolute;
+  bottom: -4px;
+  left: 0;
+  right: 0;
+  z-index: 10;
+  height: 2px;
+}
+
+.marsTiltPanel .label-content {
+  padding: 15px 0;
+}
+
+.marsTiltPanel .data-li {
+  padding: 4px 45px 4px 0;
+}
+
+.marsTiltPanel .data-label,
+.data-value {
+  display: inline-block;
+}
+
+.marsTiltPanel .data-value {
+  font-size: 14px;
+}
+
+.marsTiltPanel .label-num {
+  margin-right: 3px;
+  color: #f09e28;
+  font-weight: 600;
+}
+
+.marsTiltPanel .label-tag {
+  display: inline-block;
+  position: relative;
+  margin-right: 6px;
+  padding: 0 6px;
+  font-weight: 600;
+  cursor: pointer;
+  background-color: #909399;
+  border-radius: 4px;
+}
+
+.marsTiltPanel .label-tag::after {
+  content: attr(alt);
+  display: inline-block;
+  position: absolute;
+  bottom: -22px;
+  right: -35px;
+  z-index: -1;
+  padding: 2px 4px;
+  color: #fff;
+  font-size: 14px;
+  background-color: #333;
+  border-radius: 3px;
+  opacity: 0;
+  transition: all 0.3s ease-in;
+}
+
+.marsTiltPanel .label-tag:hover::after {
+  opacity: 1;
+  z-index: 11;
+}
+
+.marsTiltPanel .data-value-status-0 {
+  background-color: #f0285c;
+}
+
+.marsTiltPanel .data-value-status-1 {
+  background-color: #35b15b;
+}
+
+.marsTiltPanel .data-value-status-2 {
+  background-color: #f09e28;
+}
+
+.marsTiltPanel .arrow {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 45px;
+  height: 2px;
+  transform: rotate(-45deg) translate(5px, -15px);
+}
+
+/* 蓝色主题 */
+
+.marsTiltPanel-theme-blue .b-t,
+.marsTiltPanel-theme-blue .b-r,
+.marsTiltPanel-theme-blue .b-b,
+.marsTiltPanel-theme-blue .b-l,
+.marsTiltPanel-theme-blue .b-t-l,
+.marsTiltPanel-theme-blue .b-b-r {
+  background-color: #29baf1;
+  box-shadow: 0 0 10px 2px #29baf1;
+}
+
+.marsTiltPanel-theme-blue .area {
+  background-image: linear-gradient(135deg, transparent 30px, #28bbf06c 30px, #28bbf06c 50%, transparent 50%),
+    linear-gradient(-45deg, transparent 30px, #28bbf06c 30px, #28bbf06c 50.1%, transparent 50%);
+}
+
+.marsTiltPanel-theme-blue .title {
+  background-image: linear-gradient(135deg, transparent 25px, #29baf1 25px);
+}
+
+.marsTiltPanel-theme-blue .arrow,
+.marsTiltPanel-theme-blue .title::before {
+  background-color: #28bbf0;
+}
+
+/* 绿色主题 */
+
+.marsTiltPanel-theme-green .b-t,
+.marsTiltPanel-theme-green .b-r,
+.marsTiltPanel-theme-green .b-b,
+.marsTiltPanel-theme-green .b-l,
+.marsTiltPanel-theme-green .b-t-l,
+.marsTiltPanel-theme-green .b-b-r {
+  background-color: #06e34a;
+  box-shadow: 0 0 10px 2px #06e34a;
+}
+
+.marsTiltPanel-theme-green .area {
+  background-image: linear-gradient(135deg, transparent 30px, #06e3486c 30px, #06e3486c 50%, transparent 50%),
+    linear-gradient(-45deg, transparent 30px, #06e3486c 30px, #06e3486c 50.01%, transparent 50%);
+}
+
+.marsTiltPanel-theme-green .title {
+  background-image: linear-gradient(135deg, transparent 25px, #06e34a 25px);
+}
+
+.marsTiltPanel-theme-green .arrow,
+.marsTiltPanel-theme-green .title::before {
+  background-color: #06e34a;
+}
+
+/* 红色主题 */
+.marsTiltPanel-theme-red .b-t,
+.marsTiltPanel-theme-red .b-r,
+.marsTiltPanel-theme-red .b-b,
+.marsTiltPanel-theme-red .b-l,
+.marsTiltPanel-theme-red .b-t-l,
+.marsTiltPanel-theme-red .b-b-r {
+  background-color: #e3064f;
+  box-shadow: 0 0 10px 2px #e3064f;
+}
+
+.marsTiltPanel-theme-red .area {
+  background-image: linear-gradient(135deg, transparent 30px, #e306506c 30px, #e306506c 50%, transparent 50%),
+    linear-gradient(-45deg, transparent 30px, #e306506c 30px, #e306506c 50%, transparent 50%);
+}
+
+.marsTiltPanel-theme-red .title {
+  background-image: linear-gradient(135deg, transparent 25px, #e3064f 25px);
+}
+
+.marsTiltPanel-theme-red .arrow,
+.marsTiltPanel-theme-red .title::before {
+  background-color: #e3064f;
+}
+
+/* 黄色主题 */
+
+.marsTiltPanel-theme-e9b709 .b-t,
+.marsTiltPanel-theme-e9b709 .b-r,
+.marsTiltPanel-theme-e9b709 .b-b,
+.marsTiltPanel-theme-e9b709 .b-l,
+.marsTiltPanel-theme-e9b709 .b-t-l,
+.marsTiltPanel-theme-e9b709 .b-b-r {
+  background-color: #e9b709;
+  box-shadow: 0 0 10px 2px #e9b709;
+}
+
+.marsTiltPanel-theme-e9b709 .area {
+  background-image: linear-gradient(135deg, transparent 30px, #e9b9096c 30px, #e9b9096c 50%, transparent 50%),
+    linear-gradient(-45deg, transparent 30px, #e9b9096c 30px, #e9b9096c 50%, transparent 50%);
+}
+
+.marsTiltPanel-theme-e9b709 .title {
+  background-image: linear-gradient(135deg, transparent 25px, #e9b709 25px);
+}
+
+.marsTiltPanel-theme-e9b709 .arrow,
+.marsTiltPanel-theme-e9b709 .title::before {
+  background-color: #e9b709;
+}
+
+/**************** 部分公共样式，如选中样式、动画等 ****************/
+
+.animation-spaceInDown {
+  animation-duration: 1s;
+  animation-fill-mode: both;
+  animation-name: spaceInDown;
+}
+@keyframes spaceInDown {
+  0% {
+    opacity: 0;
+    transform-origin: 0% 100%;
+    transform: scale(0.2) translate(0, 200%);
+  }
+  100% {
+    opacity: 1;
+    transform-origin: 0% 100%;
+    transform: scale(1) translate(0, 0);
+  }
+}
+
+@keyframes rise {
+  0% {
+    opacity: 0.1;
+    transform: translate(0, 100%);
+  }
+  5% {
+    opacity: 0.3;
+    transform: translate(0, 95%);
+  }
+  10% {
+    opacity: 0.6;
+    transform: translate(0, 90%);
+  }
+  15% {
+    opacity: 1;
+    transform: translate(0, 85%);
+  }
+  75% {
+    opacity: 1;
+    transform: translate(0, 25%);
+  }
+  80% {
+    opacity: 0.7;
+    transform: translate(0, 20%);
+  }
+  90% {
+    opacity: 0.3;
+    transform: translate(0, 10%);
+  }
+  95% {
+    opacity: 0.2;
+    transform: translate(0, 5%);
+  }
+  100% {
+    opacity: 0.1;
+    transform: translate(0, 0);
+  }
+}
+
+
+/**************** seaRescue示例中的蓝黑面板 ****************/
+.marsBlueBlack {
+  width: 150px;
+  position: absolute;
+  left: 16px;
+  bottom: 31px;
+  cursor: default;
+  opacity: 0.96;
+  border: 1px solid #00b6ff;
+  box-shadow: 0px 2px 21px 0px rgba(33, 34, 39, 0.55);
+  box-sizing: border-box;
+}
+.marsBlueBlack::before {
+  content: "";
+  width: calc(100% + 22px);
+  height: 39px;
+  position: absolute;
+  bottom: -39px;
+  left: -22px;
+  background: url("./blackPanel-bg.png") 0px 0px no-repeat;
+  background-position: 0px 0px;
+}
+
+.marsBlueBlack .marsBlueBlack-top {
+  background-color: #198eff;
+  font-size: 16px;
+  padding:6px;
+}
+
+.marsBlueBlack .marsBlueBlack-down {
+  background-color: black;
+  font-size: 12px;
+  padding:3px
+}
+
+
+/**************** 视频上下抖动点+下竖线 ****************/ 
+.mars3d-divCameraPoint-content {
+  /* 防止下面的line一直随img动画 */
+  height: 30px;
+}
+.mars3d-divCameraPoint-img {
+  width: 30px;
+  height: 30px;
+  animation: cameraMove 1s linear infinite alternate;
+  -webkit-animation: cameraMove 1s linear infinite alternate;
+}
+@keyframes cameraMove {
+  from {
+    margin-top: 20px;
+  }
+  to {
+    margin-top: 0px;
+  }
+}
+@-webkit-keyframes cameraMove {
+  from {
+    margin-top: 20px;
+  }
+  to {
+    margin-top: 0px;
+  }
+}
+.mars3d-divCameraPoint-line {
+  height: 120px;
+  width: 5px;
+  margin-top: 20px;
+  border-left: 3px dashed #5b8fee;
+  margin-left: calc(50% - 1px);
+}
+.mars3d-divCameraPoint-point {
+  border-radius: 50%;
+  width: 8px;
+  height: 8px;
+  margin-left: calc(50% - 3px);
+  background-color: #5b8fee;
+}

public/img/marker/svg/camera.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1626258518065" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12028" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" height="300"><defs><style type="text/css"></style></defs><path d="M521.7792 49.7152a443.0848 443.0848 0 0 1 443.0848 443.136v40.2432a443.0848 443.0848 0 1 1-886.1696 0v-40.2432A443.0848 443.0848 0 0 1 521.728 49.664z" fill="#000D29" p-id="12029"></path><path d="M577.8432 29.9008a23.1424 23.1424 0 1 1-5.5296 46.0288 424.448 424.448 0 0 0-50.5344-3.072 23.1424 23.1424 0 1 1 0-46.2848c18.8416 0 37.5296 1.1264 56.064 3.328z m135.2704 37.632a23.1424 23.1424 0 1 1-19.0464 42.1888 416.768 416.768 0 0 0-47.2576-17.92 23.1424 23.1424 0 0 1 13.7728-44.2368c17.92 5.632 35.4304 12.288 52.5312 19.968z m120.32 78.5408a23.1424 23.1424 0 0 1-30.9248 34.4064 421.9904 421.9904 0 0 0-39.5776-31.488 23.1424 23.1424 0 0 1 26.624-37.888c15.36 10.752 30.0032 22.4256 43.9296 34.9696z m88.4736 107.264a23.1424 23.1424 0 1 1-39.7312 23.808 420.864 420.864 0 0 0-28.5696-41.728 23.1424 23.1424 0 0 1 36.608-28.416c11.4688 14.848 22.016 30.2592 31.6928 46.336z m54.272 134.5024a23.1424 23.1424 0 0 1-45.1584 10.3936 416.512 416.512 0 0 0-14.336-48.4864 23.1424 23.1424 0 1 1 43.5712-15.7696c6.4 17.5616 11.7248 35.584 15.872 53.8624z m11.8784 133.7856a23.1424 23.1424 0 1 1-46.336 0v-29.2352c0-7.7824-0.2048-15.5648-0.6656-23.296a23.1424 23.1424 0 0 1 46.2336-2.56c0.512 8.5504 0.768 17.152 0.768 25.856v29.2352z m-17.4592 138.2912a23.1424 23.1424 0 1 1-44.5952-12.5952c4.608-16.1792 8.192-32.6656 10.752-49.408a23.1424 23.1424 0 0 1 45.7728 7.1168c-2.8672 18.5856-6.8608 36.864-11.9296 54.8864z m-58.88 128.8704a23.1424 23.1424 0 1 1-38.7072-25.3952c9.2672-14.1312 17.664-28.7744 25.1904-43.8784a23.1424 23.1424 0 0 1 41.472 20.5824 465.7152 465.7152 0 0 1-27.9552 48.6912z m-93.4912 104.2432a23.1424 23.1424 0 0 1-29.4912-35.7376c13.056-10.752 25.3952-22.272 37.0688-34.4576a23.1424 23.1424 0 1 1 33.4848 31.9488c-12.9024 13.568-26.624 26.3168-41.0624 38.2464z m-123.5456 73.216a23.1424 23.1424 0 0 1-17.2032-43.008c15.6672-6.2464 30.9248-13.4656 45.7216-21.504a23.1424 23.1424 0 0 1 22.272 40.6016c-16.4352 8.96-33.3824 16.9984-50.7904 23.9104z m-133.4272 31.488a23.1424 23.1424 0 0 1-3.8912-46.1824c16.896-1.3824 33.5872-3.84 50.0736-7.2192a23.1424 23.1424 0 0 1 9.3696 45.3632c-18.2784 3.7888-36.864 6.4512-55.552 8.0384z m-141.1072-9.472a23.1424 23.1424 0 1 1 10.0352-45.2096c16.384 3.6352 33.0752 6.2976 49.92 7.936a23.1424 23.1424 0 0 1-4.5056 46.08 465.2544 465.2544 0 0 1-55.4496-8.8064zM288.6656 936.96a23.1424 23.1424 0 1 1 23.1936-40.1408c14.592 8.448 29.696 16.0256 45.2096 22.6304a23.1424 23.1424 0 0 1-18.176 42.6496 464.64 464.64 0 0 1-50.2272-25.1392z m-109.568-87.7056a23.1424 23.1424 0 0 1 34.048-31.3856c11.4688 12.3904 23.6544 24.064 36.5056 35.0208a23.1424 23.1424 0 1 1-30.0544 35.328 468.992 468.992 0 0 1-40.448-38.912z m-79.872-118.784a23.1424 23.1424 0 0 1 41.984-19.6096c7.168 15.2576 15.2576 30.1056 24.1664 44.3904a23.1424 23.1424 0 1 1-39.2704 24.576 465.2544 465.2544 0 0 1-26.8288-49.3568z m-39.1168-131.8912a23.1424 23.1424 0 1 1 45.8752-6.4512c2.3552 16.7424 5.6832 33.28 10.0352 49.5104a23.1424 23.1424 0 0 1-44.7488 11.9808 463.9744 463.9744 0 0 1-11.1616-55.04z m-3.328-139.9808a23.1424 23.1424 0 0 1 46.1824 3.3792c-0.7168 10.24-1.1264 20.48-1.1264 30.8224v20.8384a23.1424 23.1424 0 1 1-46.2848 0v-20.8384c0-11.4688 0.4096-22.8352 1.2288-34.2016z m31.0272-136.704a23.1424 23.1424 0 1 1 43.1104 16.9984c-6.144 15.6672-11.3664 31.744-15.616 48.128a23.1424 23.1424 0 0 1-44.8512-11.6736 462.848 462.848 0 0 1 17.408-53.4016z m72.2944-123.392a23.1424 23.1424 0 1 1 35.8912 29.2864c-10.6496 13.056-20.48 26.7776-29.5424 41.0624a23.1424 23.1424 0 1 1-39.1168-24.7296c9.984-15.872 20.9408-31.0784 32.768-45.568z m103.2192-93.7984a23.1424 23.1424 0 1 1 25.7024 38.5024 421.6832 421.6832 0 0 0-40.3456 30.5664 23.1424 23.1424 0 1 1-30.1056-35.1744c14.1824-12.1856 29.184-23.552 44.7488-33.8944zM394.5472 44.1856a23.1424 23.1424 0 0 1 12.5952 44.544c-16.2304 4.608-32.2048 10.1888-47.7184 16.6912a23.1424 23.1424 0 1 1-17.92-42.7008A462.8992 462.8992 0 0 1 394.5472 44.1856z m126.3616-17.6128a23.1424 23.1424 0 0 1 0.1024 46.336 424.96 424.96 0 0 0-43.008 2.2528 23.1424 23.1424 0 0 1-4.8128-46.08c15.8208-1.6384 31.744-2.4576 47.7184-2.5088zM363.5712 528.384l-54.4256-11.2128v244.1216l54.4256-20.1728v-85.1456H451.584l48.128-69.376-62.7712-35.7888-16.7424 53.76H363.52V528.384z m457.5744-12.5952L435.5584 249.2928H389.12L325.9392 355.072v35.9936l351.8976 227.328h29.5424v-2.2528l113.7664-100.352zM357.4272 427.8784l-31.488 36.608 349.7984 231.3216h31.4368l16.7424-18.3296 16.7424-52.6848s-46.08 36.608-48.1792 36.608c-18.7904-13.6704-33.536-20.5824-33.536-20.5824L357.376 427.8784z" fill="#00A0FF" p-id="12030"></path></svg>

public/img/marker/svg/huojian.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1583467122765" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3603" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M579.463529 206.004706c-30.117647-146.974118-60.235294-162.635294-60.235294-162.635294-4.818824-4.818824-10.842353-4.818824-15.661176 0 0 0-30.117647 15.661176-60.235294 162.635294 0 0-19.275294 102.4-19.275294 185.524706V554.164706c0 45.778824 174.682353 40.96 174.682353 3.614118V391.529412c1.204706-83.124706-19.275294-185.524706-19.275295-185.524706zM566.211765 310.814118c0 6.023529-1.204706 4.818824-6.02353 6.023529h-10.842353s-14.456471-178.296471-27.708235-233.712941c0 0 48.188235 121.675294 44.574118 227.689412zM454.174118 836.065882l7.228235-209.618823c-6.023529-2.409412-10.842353-4.818824-15.661177-7.228235l8.432942 216.847058zM431.284706 748.122353l4.818823-136.131765c-3.614118-3.614118-7.228235-7.228235-9.637647-12.047059l4.818824 148.178824zM483.087059 895.096471l9.637647-261.421177c-6.023529 0-12.047059-1.204706-16.865882-2.409412l7.228235 263.830589zM573.44 832.451765l7.228235-215.642353c-3.614118 3.614118-8.432941 6.023529-14.45647 8.432941l7.228235 207.209412zM503.567059 634.88l9.637647 350.569412 9.637647-350.569412c-6.023529 0-13.251765 1.204706-19.275294 0zM592.715294 752.941176l4.818824-149.383529c-2.409412 3.614118-6.023529 6.023529-9.637647 9.637647l4.818823 139.745882zM544.527059 890.277647l9.637647-260.216471-18.070588 3.614118 8.432941 256.602353z" p-id="3604" fill="#d81e06"></path></svg>