From 2b3ef90028b809aee91962cf8a76886a463b07fc Mon Sep 17 00:00:00 2001
From: tienhoah <nickhoang11@gmail.com>
Date: Fri, 8 Dec 2023 13:49:46 -0800
Subject: [PATCH] Replae mini map tile.

---
 src/components/LeafletMap.js | 12 ++----------
 src/customStyles.css         |  4 ----
 2 files changed, 2 insertions(+), 14 deletions(-)

diff --git a/src/components/LeafletMap.js b/src/components/LeafletMap.js
index 9d767ed..0503fa4 100644
--- a/src/components/LeafletMap.js
+++ b/src/components/LeafletMap.js
@@ -82,15 +82,7 @@ const generateClusterIconStyle = ({
 }
 
 const miniMapLayer = L.tileLayer(
-  'https://tiles.stadiamaps.com/tiles/stamen_toner/{z}/{x}/{y}{r}.{extension}',
-  {
-    attribution:
-      'Map tiles by <a href="http://stamen.com">Stamen Design</a>, <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a> &mdash; Data by &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a>, under <a href="https://www.openstreetmap.org/copyright">ODbL</a>',
-    subdomains: 'abcd',
-    minZoom: 0,
-    maxZoom: 13,
-    extension: 'png',
-  },
+  'https://services.arcgisonline.com/arcgis/rest/services/Canvas/World_Light_Gray_Base/MapServer/tile/{z}/{y}/{x}',
 )
 
 const worldImageryMapLayer = L.tileLayer(
@@ -101,7 +93,7 @@ const worldImageryMapLayer = L.tileLayer(
 )
 
 const labelLayer = L.tileLayer(
-  'https://services.arcgisonline.com/ArcGIS/rest/services/Reference/World_Boundaries_and_Places/MapServer/tile/{z}/{y}/{x} ',
+  'https://services.arcgisonline.com/ArcGIS/rest/services/Reference/World_Boundaries_and_Places/MapServer/tile/{z}/{y}/{x}',
 )
 
 const mapProperty = {
diff --git a/src/customStyles.css b/src/customStyles.css
index 38452dd..92066ec 100644
--- a/src/customStyles.css
+++ b/src/customStyles.css
@@ -2,10 +2,6 @@ body {
 	overflow: hidden;
 }
 
-.leaflet-bottom .leaflet-control {
-  opacity: 0.6 !important;
-}
-
 .leaflet-popup-content {
 	margin: 5px 15px  !important;
 }