Switched base maps provider to tilehosting.com

src/accessions/ui/MapPage.tsx

@@ -425,8 +425,8 @@ class BrowsePage extends React.Component<IMapPageProps, any> {
                         <TileLayer
                             zIndex={ 0 }
                             opacity={ 0.50 }
-                            attribution={ '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors' }
-                            url={ 'https://tiles.wmflabs.org/bw-mapnik/{z}/{x}/{y}.png' }
+                            attribution={ '<a href="https://www.maptiler.com/copyright/" target="_blank">© MapTiler</a> <a href="https://www.openstreetmap.org/copyright" target="_blank">© OpenStreetMap contributors</a>' }
+                            url={ 'https://maps.tilehosting.com/styles/positron/{z}/{x}/{y}.png?key=frAVvE3XbD6EF3BM2kDW' }
                         />
 
                         { mapLayers && mapLayers.filter((layer) => layer.enabled).map((layer, index) => <TileLayer zIndex={ index + 1 } key={ layer.name } { ...layer }/>) }

src/datasets/ui/c/LocationMap.tsx

@@ -58,7 +58,7 @@ class LocationMap extends React.Component<ILocationMapProps, any> {
   }
 
   public render() {
-    const { classes, locations, mapLayers, t } = this.props;
+    const { classes, locations, mapLayers } = this.props;
 
     if (!(locations && locations.length)) {
       return null;
@@ -106,8 +106,8 @@ class LocationMap extends React.Component<ILocationMapProps, any> {
               doubleClickZoom={ false }
             >
               <TileLayer
-                attribution={ `&copy; ${ t('datasets.public.c.locationMap.link', { aOpen: '<a href="http://www.openstreetmap.org/copyright">', aClose: '</a>' }) }` }
-                url={ 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png' }
+                attribution={ '<a href="https://www.maptiler.com/copyright/" target="_blank">© MapTiler</a> <a href="https://www.openstreetmap.org/copyright" target="_blank">© OpenStreetMap contributors</a>' }
+                url={ 'https://maps.tilehosting.com/styles/positron/{z}/{x}/{y}.png?key=frAVvE3XbD6EF3BM2kDW' }
               />
               { mapLayers &&
                 mapLayers

src/datasets/ui/dashboard/dataset-stepper/steps/location/FormMap.tsx

@@ -100,7 +100,7 @@ class FormMap extends React.Component<IFormMapProps, any> {
       return null;
     }
 
-    const { classes, mapLayers, t } = this.props;
+    const { classes, mapLayers } = this.props;
 
     const { decimalLatitude, decimalLongitude } = this.getCurrentLocation();
 
@@ -121,8 +121,8 @@ class FormMap extends React.Component<IFormMapProps, any> {
           zoom={ 6 }
         >
           <TileLayer
-            attribution={ `&copy; ${ t('datasets.dashboard.p.stepper.location.copyright', { openingTag: '<a href="http://www.openstreetmap.org/copyright">', closingTag: '</a>' }) }` }
-            url={ 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png' }
+                attribution={ '<a href="https://www.maptiler.com/copyright/" target="_blank">© MapTiler</a> <a href="https://www.openstreetmap.org/copyright" target="_blank">© OpenStreetMap contributors</a>' }
+                url={ 'https://maps.tilehosting.com/styles/positron/{z}/{x}/{y}.png?key=frAVvE3XbD6EF3BM2kDW' }
           />
           { mapLayers &&
             mapLayers

src/ui/common/LocationMap.tsx

@@ -68,8 +68,8 @@ class LocationMap extends React.Component<ILocationMapProps, any> {
                                 doubleClickZoom={ false }
                             >
                                 <TileLayer
-                                    attribution={ '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors' }
-                                    url={ 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png' }
+                                    attribution={ '<a href="https://www.maptiler.com/copyright/" target="_blank">© MapTiler</a> <a href="https://www.openstreetmap.org/copyright" target="_blank">© OpenStreetMap contributors</a>' }
+                                    url={ 'https://maps.tilehosting.com/styles/positron/{z}/{x}/{y}.png?key=frAVvE3XbD6EF3BM2kDW' }
                                 />
                                 { mapLayers &&
                                     mapLayers