update basemap

public/bbox-finder.html

@@ -73,9 +73,9 @@
     </style>
     <div id="map" style="width: 100%; height: 100vh;"></div>
     <div class="calculation-box text-left">
-        <p class="text-bold text-wrap"> <b> 
-            <img src="joeicon.png" alt="" width="20px">
-            BBOX Finder <i class="bi bi-bounding-box"></i></b>
+        <p class="text-bold text-wrap"> <b>
+                <img src="joeicon.png" alt="" width="20px">
+                BBOX Finder <i class="bi bi-bounding-box"></i></b>
             <br>
             <span id="calculated_area">[Hint: Draw a bbox using tool on the right-bottom menu.]</span>
         </p>
@@ -90,6 +90,10 @@
             maxZoom: 20,
             attribution: '&copy; <a href="https://stadiamaps.com/">Stadia Maps</a>, &copy; <a href="https://openmaptiles.org/">OpenMapTiles</a> &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors'
         });
+        var Esri_WorldTopoMap = L.tileLayer(
+            'https://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer/tile/{z}/{y}/{x}', {
+                attribution: 'Tiles &copy; Esri &mdash; Esri, DeLorme, NAVTEQ, TomTom, Intermap, iPC, USGS, FAO, NPS, NRCAN, GeoBase, Kadaster NL, Ordnance Survey, Esri Japan, METI, Esri China (Hong Kong), and the GIS User Community'
+            });
         var tmp_layer
         var osmUrl = 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
             osmAttrib = '&copy; <a href="http://openstreetmap.org/copyright">OpenStreetMap</a> contributors',
@@ -98,7 +102,7 @@
                 attribution: osmAttrib
             }),
             map = new L.Map('map', {
-                layers: [Stadia_Outdoors],
+                layers: [Esri_WorldTopoMap],
                 center: new L.LatLng(48.7758, 9.1829),
                 zoom: 15
             });