@songcf/fy-map 1.0.0

package/dist/fy-map.css

@@ -0,0 +1,623 @@
+
+.my-btn[data-v-47deef6b] {
+  padding: 8px 16px;
+  border: none;
+  background: #409eff;
+  color: #fff;
+  border-radius: 4px;
+  cursor: pointer;
+}
+
+.fy-map[data-v-1c68cf57] {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+.fy-tile-layer[data-v-56cfee19] {
+  display: none;
+}
+
+.fy-vector-layer[data-v-cd2b9e14] {
+  display: none;
+}
+
+.fy-marker[data-v-249684eb] {
+  display: none;
+}
+
+.fy-label[data-v-2ad8e63e] {
+  display: none;
+}
+
+.fy-popup[data-v-03c6ffc0] {
+  display: none;
+}
+
+.fy-cluster-marker[data-v-ee36769c] {
+  display: none;
+}
+.maptalks-zoom {
+  text-align: center;
+}
+.maptalks-zoom .maptalks-zoom-zoomlevel {
+  display: block;
+  width: 30px;
+  height: 30px;
+  background: #fff;
+  color: #868686;
+  border: 1px solid #9d9d9d;
+  line-height: 26px;
+  text-align: center;
+  box-sizing: border-box;
+}
+.maptalks-zoom .maptalks-zoom-zoomlevel .maptalks-zoom-zoomlevel-text {
+  display: inline-block;
+  font-size: 12px;
+  transform: scale(0.8);
+}
+.maptalks-zoom-slider {
+  margin-top: 6px;
+}
+.maptalks-zoom-slider a.maptalks-zoom-zoomin,
+.maptalks-zoom-slider a.maptalks-zoom-zoomout {
+  display: block;
+  font-size: 16px;
+  width: 30px;
+  height: 30px;
+  border: 1px solid #9d9d9d;
+  background: #fff;
+  line-height: 28px;
+  text-decoration: none;
+  background-repeat: no-repeat;
+  background-position: center;
+  box-sizing: border-box;
+}
+.maptalks-zoom-slider a.maptalks-zoom-zoomin {
+  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%3e%3crect%20width='2'%20height='12'%20transform='translate(5)'%20fill='%23868686'/%3e%3crect%20width='2'%20height='12'%20transform='translate(12%205)%20rotate(90)'%20fill='%23868686'/%3e%3c/svg%3e");
+}
+.maptalks-zoom-slider a.maptalks-zoom-zoomout {
+  height: 29px;
+  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='2'%20viewBox='0%200%2012%202'%3e%3crect%20id='矩形_2'%20data-name='矩形%202'%20width='2'%20height='12'%20transform='translate(12)%20rotate(90)'%20fill='%23868686'/%3e%3c/svg%3e");
+  border-top: none;
+}
+
+.maptalks-compass {
+  width: 30px;
+  height: 30px;
+  background: #fff;
+  border: 1px solid #9d9d9d;
+  border-radius: 50%;
+  box-sizing: border-box;
+  background-image: url("data:image/svg+xml,%3csvg%20id='指南针10x18'%20xmlns='http://www.w3.org/2000/svg'%20width='10'%20height='18'%20viewBox='0%200%2010%2018'%3e%3cpath%20id='路径_1'%20data-name='路径%201'%20d='M3,9H0L5,0l5,9H7A2,2,0,0,0,3,9Z'%20fill='red'/%3e%3cpath%20id='路径_2'%20data-name='路径%202'%20d='M5,11H5L0,2H3A2,2,0,1,0,7,2h3Z'%20transform='translate(0%207)'%20fill='%239d9d9d'/%3e%3c/svg%3e");
+  background-repeat: no-repeat;
+  background-position: center;
+  cursor: pointer;
+}
+
+.maptalks-reset {
+  width: 30px;
+  height: 30px;
+  background: #fff;
+  border: 1px solid #9d9d9d;
+  box-sizing: border-box;
+  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='13.997'%20height='14'%20viewBox='0%200%2013.997%2014'%3e%3cpath%20id='路径_1'%20data-name='路径%201'%20d='M-1610.58-1267.16a5.468,5.468,0,0,1,3.521,1.421l.192.175-1.713,1.776c-.1.128-.179.284.008.389a.587.587,0,0,0,.172.049h4.454a.257.257,0,0,0,.183-.07.252.252,0,0,0,.071-.182v-4.481c0-.188-.089-.374-.208-.344a.342.342,0,0,0-.157.09l-1.565,1.549-.182-.173a7.078,7.078,0,0,0-3.151-1.737,6.758,6.758,0,0,0-3.535.063,7.3,7.3,0,0,0-3.1,1.816,7.192,7.192,0,0,0-1.833,3.069h0a6.846,6.846,0,0,0,.632,5.279,7.017,7.017,0,0,0,4.229,3.3h0a7,7,0,0,0,5.293-.6,7.055,7.055,0,0,0,3.369-4.14.871.871,0,0,0-.07-.626.84.84,0,0,0-1.113-.294.726.726,0,0,0-.365.471h0a5.542,5.542,0,0,1-1.7,2.661,5.585,5.585,0,0,1-2.9,1.287,5.468,5.468,0,0,1-3.143-.5,5.31,5.31,0,0,1-2.3-2.158h0a5.169,5.169,0,0,1-.645-3.649,5.489,5.489,0,0,1,1.948-3.249,5.454,5.454,0,0,1,3.608-1.192Z'%20transform='translate(1617.689%201268.903)'%20fill='%23868686'%20fill-rule='evenodd'/%3e%3c/svg%3e");
+  background-repeat: no-repeat;
+  background-position: center;
+  cursor: pointer;
+}
+
+.maptalks-toolbar-vertical {
+  /*border: 1px solid #3b3e44;*/
+  margin: 0;
+  border: 1px solid #b8b8b8;
+  overflow: visible;
+}
+.maptalks-toolbar-vertical ul,
+.maptalks-toolbar-horizonal ul {
+  margin: 0;
+  padding: 0;
+}
+.maptalks-toolbar-vertical ul li + li {
+  border-top: 1px solid #ddd;
+}
+.maptalks-toolbar-vertical li {
+  text-align: center;
+  list-style: none;
+  line-height: 28px;
+  font-size: 12px;
+  color: #5a5a5a;
+  background: #fff;
+  min-width: 10px;
+  min-height: 28px; /*border-bottom: 1px solid #425568;*/
+  position: relative;
+  padding: 0px 10px;
+}
+.maptalks-toolbar-vertical li:hover {
+  color: #fff;
+  background: #6a97d9;
+}
+.maptalks-toolbar-vertical li .maptalks-dropMenu {
+  padding: 0;
+  position: absolute;
+  top: -1px;
+  overflow: visible;
+  border: 1px solid #b8b8b8; /*border: 1px solid #3e4f61; border-right: none; border-top: none;*/
+}
+.maptalks-toolbar-vertical li .maptalks-dropMenu li {
+  list-style: none;
+  min-width: 95px;
+  background: #606976;
+  height: 28px;
+}
+.maptalks-toolbar-vertical li .maptalks-dropMenu li + li {
+  border-top: 1px solid #ddd;
+}
+.maptalks-toolbar-vertical li .maptalks-dropMenu li a {
+  color: #fff;
+  display: block;
+  line-height: 27px;
+  text-indent: 33px;
+  text-decoration: none;
+  font-size: 12px;
+}
+.maptalks-toolbar-vertical li .maptalks-dropMenu em.maptalks-ico {
+  display: block;
+  width: 5px;
+  height: 6px; /*background: url(images/control/4_1.png) no-repeat;*/
+  position: absolute;
+  top: 12px;
+  right: -4px;
+}
+.maptalks-toolbar-vertical li .maptalks-dropMenu li.maptalks-on,
+.maptalks-toolbar-vertical li .maptalks-dropMenu li:hover {
+  background: #4b545f;
+}
+
+.maptalks-toolbar-horizonal {
+  /*border: 1px solid #3b3e44;*/
+  margin: 0;
+  overflow: visible;
+}
+.maptalks-toolbar-horizonal li {
+  text-align: left;
+  line-height: 28px;
+  font-size: 12px;
+  color: #5a5a5a;
+  padding: 0px 10px;
+  list-style: none;
+  min-width: 28px;
+  min-height: 28px;
+  float: left;
+  background: #fff;
+  border: 1px solid #b8b8b8; /*border-right: 1px solid #425568;*/
+  position: relative;
+}
+.maptalks-toolbar-horizonal ul li:not(:last-child) {
+  border-right-color: #ddd;
+}
+.maptalks-toolbar-horizonal ul li + li {
+  border-left: none;
+}
+.maptalks-toolbar-horizonal li:hover {
+  color: #fff;
+  background: #6a97d9; /*border-right:1px solid #1bbc9b;*/
+}
+.maptalks-toolbar-horizonal li .maptalks-dropMenu {
+  display: block;
+  position: absolute;
+  left: -1px;
+  overflow: visible; /*border: 1px solid #3e4f61;  border-top: none;*/
+}
+.maptalks-toolbar-horizonal li .maptalks-dropMenu li {
+  list-style: none;
+  min-width: 95px;
+  background: #606976;
+  height: 28px;
+  border: 1px solid #b8b8b8;
+}
+.maptalks-toolbar-horizonal li .maptalks-dropMenu ul li:first-child {
+  border-top: none;
+}
+.maptalks-toolbar-horizonal li .maptalks-dropMenu ul li:not(:last-child) {
+  border-bottom-color: #ddd;
+}
+.maptalks-toolbar-horizonal li .maptalks-dropMenu li + li {
+  border-top: none;
+}
+.maptalks-toolbar-horizonal li .maptalks-dropMenu li a {
+  color: #fff;
+  display: block;
+  line-height: 27px;
+  text-indent: 20px;
+  text-decoration: none;
+  font-size: 12px;
+}
+.maptalks-toolbar-horizonal li .maptalks-dropMenu em.maptalks-ico {
+  display: block;
+  width: 5px;
+  height: 6px; /*background: url(images/control/4.png) no-repeat; */
+  position: absolute;
+  top: -4px;
+  left: 12px;
+}
+.maptalks-toolbar-horizonal .maptalks-dropMenu li:hover {
+  background: #4b545f;
+}
+
+.maptalks-toolbar-vertical li .maptalks-dropMenu li a::before,
+.maptalks-toolbar-horizonal li .maptalks-dropMenu li a::before {
+  content: "";
+  width: 0;
+  height: 0;
+  position: absolute;
+  top: 10px;
+  left: 14px;
+  border-top: 4px solid transparent;
+  border-left: 6px solid #fff;
+  border-bottom: 4px solid transparent;
+}
+
+.maptalks-menu {
+  background: #fff;
+  padding: 1px;
+  width: 172px;
+  border: 1px solid #b4b3b3; /*box-shadow: 3px 5px 10px #dbdada;*/
+}
+.maptalks-menu .maptalks-menu-items {
+  color: #5a5756;
+  margin: 0;
+  padding: 0;
+  font-size: 12px;
+}
+.maptalks-menu .maptalks-menu-items li {
+  list-style: none;
+  height: 30px;
+  line-height: 30px;
+  text-indent: 16px;
+}
+.maptalks-menu .maptalks-menu-items li:hover {
+  background: #007fbe;
+  color: #fff;
+  cursor: pointer;
+}
+.maptalks-menu .maptalks-menu-items li.maptalks-menu-splitter {
+  list-style: none;
+  height: 2px;
+  background: #ddd;
+}
+
+/* mesagebox style */
+.maptalks-msgBox {
+  background: #fff;
+  border: 1px solid #b4b3b3;
+  border-radius: 3px; /*box-shadow: 3px 5px 5px #dbdada;*/
+}
+.maptalks-msgBox em.maptalks-ico {
+  display: block;
+  position: absolute;
+  left: 50%;
+  margin-left: -5px;
+  bottom: -10px;
+  width: 0;
+  height: 0;
+  border-left: 8px solid transparent;
+  border-right: 8px solid transparent;
+  border-top: 10px solid #b4b3b3;
+}
+.maptalks-msgBox em.maptalks-ico::after {
+  content: "";
+  width: 0;
+  height: 0;
+  position: absolute;
+  left: -7px;
+  top: -10px;
+  border-left: 7px solid transparent;
+  border-right: 7px solid transparent;
+  border-top: 9px solid #fff;
+}
+
+:root {
+  --maptalks-ico-border: 8px solid #b4b3b3;
+}
+.maptalks-msgBox em.maptalks-ico-right-top {
+  left: 0%;
+  margin-left: 2px;
+}
+
+.maptalks-msgBox em.maptalks-ico-left-top {
+  left: 100%;
+  margin-left: -18px;
+}
+
+.maptalks-msgBox em.maptalks-ico-left-middle {
+  left: 100%;
+  bottom: calc(50% - 25px);
+  margin-left: 1px;
+  border: var(--maptalks-ico-border);
+  border-color: transparent transparent transparent #fff;
+}
+
+.maptalks-msgBox em.maptalks-ico-left-middle::after,
+.maptalks-msgBox em.maptalks-ico-right-middle::after,
+.maptalks-msgBox em.maptalks-ico-left-bottom::after,
+.maptalks-msgBox em.maptalks-ico-middle-bottom::after,
+.maptalks-msgBox em.maptalks-ico-right-bottom::after,
+.maptalks-msgBox em.maptalks-ico-middle-middle::after {
+  content: none;
+}
+
+.maptalks-msgBox em.maptalks-ico-right-middle {
+  left: 0%;
+  bottom: calc(50% - 25px);
+  margin-left: -16px;
+  border: var(--maptalks-ico-border);
+  border-color: transparent #fff transparent transparent;
+}
+
+.maptalks-msgBox em.maptalks-ico-left-bottom {
+  left: 100%;
+  bottom: none;
+  top: -16px;
+  margin-left: -20px;
+  border: var(--maptalks-ico-border);
+  border-color: transparent transparent #fff transparent;
+}
+
+.maptalks-msgBox em.maptalks-ico-middle-bottom {
+  bottom: none;
+  top: -16px;
+  border: var(--maptalks-ico-border);
+  border-color: transparent transparent #fff transparent;
+}
+
+.maptalks-msgBox em.maptalks-ico-right-bottom {
+  left: 0%;
+  bottom: none;
+  top: -16px;
+  margin-left: 4px;
+  border: var(--maptalks-ico-border);
+  border-color: transparent transparent #fff transparent;
+}
+
+.maptalks-msgBox em.maptalks-ico-middle-middle {
+  display: none;
+}
+
+.maptalks-msgBox h2 {
+  display: block;
+  height: auto;
+  line-height: 30px;
+  font-weight: bold;
+  font-size: 14px;
+  padding: 0 10px;
+  margin: 0;
+  white-space: nowrap;
+  padding-right: 30px;
+}
+.maptalks-msgBox a.maptalks-close {
+  display: block;
+  width: 13px;
+  height: 13px;
+  text-decoration: none;
+  font-size: 14px;
+  color: #a5a5a5;
+  font-weight: bold;
+  position: absolute;
+  top: 3px;
+  right: 6px;
+}
+.maptalks-msgBox .maptalks-msgContent {
+  font-size: 12px;
+  padding: 10px;
+  min-width: 200px;
+}
+
+.maptalks-panel {
+  background: #fff;
+  border: 1px solid #b4b3b3;
+  border-radius: 3px; /*box-shadow: 3px 5px 5px #dbdada;*/
+}
+.maptalks-panel .maptalks-panel-content {
+  padding: 10px;
+  min-width: 200px;
+  min-height: 60px;
+}
+.maptalks-panel a.maptalks-close {
+  display: block;
+  width: 13px;
+  height: 13px;
+  text-decoration: none;
+  font-size: 14px;
+  color: #a5a5a5;
+  font-weight: bold;
+  position: absolute;
+  top: 3px;
+  right: 6px;
+}
+
+.maptalks-attribution {
+  display: inline-block;
+  opacity: 1;
+  color: #aeaeae;
+  background: #fff;
+  background-color: rgba(255, 255, 255, 0.7);
+  padding: 0px;
+  font-size: 13px;
+  font-family: "microsoft yahei", "Helvetica Neue", Helvetica, sans-serif;
+}
+.maptalks-attribution a {
+  text-decoration: none;
+  color: #8eafbe;
+}
+.maptalks-attribution a:hover {
+  text-decoration: underline;
+}
+
+.maptalks-overview {
+  background: #fff;
+  border: 1px solid #b4b3b3;
+  width: 100%;
+  height: 100%;
+}
+.maptalks-overview-button {
+  cursor: pointer;
+  background: #fff;
+  width: 18px;
+  height: 18px;
+  position: absolute;
+  bottom: 1px;
+  right: 1px;
+  font: 16px sans-serif;
+  text-align: center;
+  line-height: 16px;
+  border: 1px solid #b4b3b3;
+  color: #363539;
+}
+
+.maptalks-layer-switcher ul {
+  list-style: none;
+}
+.maptalks-layer-switcher .panel > ul {
+  padding-left: 1em;
+}
+.maptalks-layer-switcher .group > ul {
+  padding-left: 10px;
+}
+.maptalks-layer-switcher .group + .group {
+  padding-top: 1em;
+}
+.maptalks-layer-switcher label {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  display: inline-block;
+  font-size: 14px;
+  white-space: nowrap;
+  color: #5a5a5a;
+}
+.maptalks-layer-switcher .group > label {
+  font-weight: bold;
+  color: #5a5a5a;
+  width: 100%;
+}
+.maptalks-layer-switcher .layer label {
+  padding-top: 5px;
+  width: 92%;
+}
+.maptalks-layer-switcher input {
+  margin: 0 5px;
+  position: relative;
+  top: -2px;
+}
+.maptalks-layer-switcher input[disabled="disabled"] {
+  cursor: not-allowed;
+}
+.maptalks-layer-switcher input[disabled="disabled"] + label {
+  color: #666;
+}
+.maptalks-layer-switcher button,
+.maptalks-layer-switcher .panel {
+  border-radius: 4px;
+}
+.maptalks-layer-switcher button {
+  width: 28px;
+  height: 28px;
+  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='18'%20height='16'%20viewBox='0%200%2018%2016'%3e%3cpath%20id='图层'%20d='M17.156,74.864a.833.833,0,0,0-.323.065h-.007L9,78.222l-7.826-3.29H1.166A.839.839,0,0,0,.088,75.4a.862.862,0,0,0,.433,1.109h0L8.67,79.939h.008a.825.825,0,0,0,.645,0H9.33l8.149-3.425h0a.86.86,0,0,0,.5-.959A.847.847,0,0,0,17.156,74.864ZM.521,69.085h0L8.67,72.51h.008a.822.822,0,0,0,.645,0H9.33l8.149-3.425h0a.862.862,0,0,0,0-1.584h0L9.33,64.075H9.323a.827.827,0,0,0-.645,0H8.67L.521,67.5h0a.862.862,0,0,0,0,1.583ZM17.156,71.15a.833.833,0,0,0-.323.065h0l0,0h0L9,74.508l-7.826-3.29h0l0,0h0a.839.839,0,0,0-1.082.472A.862.862,0,0,0,.521,72.8h0L8.67,76.225h.008a.825.825,0,0,0,.645,0H9.33L17.479,72.8h0a.86.86,0,0,0,.5-.959A.847.847,0,0,0,17.156,71.15Z'%20transform='translate(0%20-64.007)'%20fill='%236a97d9'/%3e%3c/svg%3e") no-repeat;
+  background-position: center;
+  background-color: #fff;
+  border: 1px solid #b8b8b8;
+}
+.maptalks-layer-switcher.shown button {
+  display: none;
+}
+.maptalks-layer-switcher .panel {
+  background-color: #fff;
+  display: none;
+  overflow-y: auto;
+  overflow-x: hidden;
+  min-width: 120px;
+  max-width: 400px;
+  max-height: 500px;
+}
+.maptalks-layer-switcher li {
+  white-space: nowrap;
+}
+.maptalks-layer-switcher li.group {
+  margin-right: 1em;
+}
+.maptalks-layer-switcher.shown .panel {
+  display: block;
+}
+.maptalks-layer-switcher ::-webkit-scrollbar {
+  width: 6px;
+}
+.maptalks-layer-switcher ::-webkit-scrollbar-track {
+  background-color: #1f1f1f;
+}
+.maptalks-layer-switcher ::-webkit-scrollbar-thumb {
+  border-radius: 5px;
+  background-color: #777;
+}
+.maptalks-tooltip {
+  display: block;
+  background: #fff;
+  border: 1px solid #b4b3b3;
+  padding: 0px 4px 0px 4px;
+  height: 24px;
+  line-height: 24px;
+  font-size: 14px;
+  white-space: nowrap;
+}
+
+@keyframes maptalksfadeIn {
+  0% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+.mtk-ui-fadein {
+  animation: maptalksfadeIn 2s;
+}
+
+.fy-draw-tool[data-v-f60f236f] {
+  display: none;
+}
+
+.fy-draw-point[data-v-6fa54668] {
+  display: none;
+}
+
+.fy-draw-line[data-v-37cf3549] {
+  display: none;
+}
+
+.fy-draw-polygon[data-v-515f74bf] {
+  display: none;
+}
+
+.fy-draw-circle[data-v-93e35e4d] {
+  display: none;
+}
+
+.fy-point[data-v-9191aada] {
+  display: none;
+}
+
+.fy-linestring[data-v-f5afe3b1] {
+  display: none;
+}
+
+.fy-polygon[data-v-762f4fba] {
+  display: none;
+}
+
+.fy-circle[data-v-96938291] {
+  display: none;
+}
+/* 这里可以设置全局样式 */
+.water-map {
+  color: #917171;
+}