fix: copyright pattern

Greenstand · Jun 22, 2021 · 5f3f714 · 5f3f714
1 parent 075b779
commit 5f3f714
Show file tree

Hide file tree

Showing 2 changed files with 47 additions and 3 deletions.
diff --git a/src/models/Map.js b/src/models/Map.js
@@ -232,10 +232,10 @@ export default class Map{
     this.layerGoogle = new GoogleLayer(
       'http://{s}.google.com/vt/lyrs=s,h&x={x}&y={y}&z={z}',{
         maxZoom: this.maxZoom,
-        //attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, ' +
-        //'Imagery © <a href="https://www.mapbox.com/">Mapbox</a>',
+        attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors ',
+        // 'Imagery © <a href="https://www.mapbox.com/">Mapbox</a>',
         subdomains:['mt0','mt1','mt2','mt3'],
-        zIndex: 2,
+        zIndex: 0,
       });
     this.layerGoogle.addTo(this.map);
     await new Promise((res, _rej) => {

diff --git a/src/style.css b/src/style.css
@@ -114,11 +114,53 @@ body {
   background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDIxN2MyMC4yIDIwLjIgMTkuOSA1My4yLS42IDczLjdzLTUzLjUgMjAuOC03My43LjZsLTE5MC0xOTBjLTIwLjEtMjAuMi0xOS44LTUzLjIuNy03My43UzEwOSA2LjggMTI5LjEgMjdsMTkwIDE5MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEgMjkwLjVjMjAuMi0yMC4yIDE5LjktNTMuMi0uNi03My43cy01My41LTIwLjgtNzMuNy0uNmwtMTkwIDE5MGMtMjAuMiAyMC4yLTE5LjkgNTMuMi42IDczLjdzNTMuNSAyMC44IDczLjcuNmwxOTAtMTkweiIvPjwvc3ZnPg==);
 }
 
+/* Customize CSS of leaflet */
 .leaflet-control {
   animation-name: slideInFromBottom;
   animation-duration: 1s;
 }
 
+.leaflet-control-attribution {
+  line-height: 13px;
+  float: right;
+  background-color: rgba(255, 255, 255, 0.8);
+  padding-left: 3px;
+  display: table-row;
+  font-size: 10px;
+  color: #000;
+  background: #fff;
+  overflow: hidden;
+  /* position: absolute; */
+  bottom: 0;
+  width: 100%;
+  z-index: 0;
+}
+
+.leaflet-control-attribution,
+.leaflet-control-scale-line {
+  border: 0;
+  color: #333;
+}
+
+.leaflet-bar {
+  box-shadow: 0 1px 5px rgb(0 0 0 / 65%);
+  border-radius: 4px;
+}
+
+.leaflet-control-zoom-out {
+  font: bold 18px 'Lucida Console', Monaco, monospace;
+  /* text-indent: 1px; */
+  margin-bottom: 10px;
+}
+
+/* .leaflet-right .leaflet-control {
+  margin-right: 10px;
+}*/
+
+.leaflet-bottom .leaflet-control {
+  margin-bottom: 0px;
+}
+
 @keyframes slideInFromBottom {
   0% {
     opacity: 0;
@@ -323,4 +365,6 @@ body {
   font-family: Roboto, arial, sans-serif;
   font-size: 14px;
   font-weight: 400;
+  justify-content: center;
+  align-items: center;
 }