Add leaflet-providers

Author: Nabeel Shahzad

lib/js/base_map.js

@@ -3,7 +3,6 @@
  */
 
 const createMap = (opts) => {
-
     opts = Object.assign({
         render_elem: 'map',
         center: [29.98139, -95.33374],
@@ -13,23 +12,18 @@ const createMap = (opts) => {
         set_marker: false,
     }, opts);
 
-    let feature_groups = [];
-    const opencyclemap_phys_osm = new L.TileLayer(
-        'https://a.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png', {
-            maxZoom: 15,
-            noWrap: true,
-            attribution: 'Map tiles by Carto, under CC BY 3.0. Data by OpenStreetMap, under ODbL.'
-        });
-
-    feature_groups.push(opencyclemap_phys_osm);
-
     const openaip_basemap_phys_osm = L.featureGroup(feature_groups);
     let map = L.map(opts.render_elem, {
-        layers: [openaip_basemap_phys_osm],
         center: opts.center,
         zoom: opts.zoom,
         scrollWheelZoom: false,
     });
 
+    // Want to customizer the basemap? Look at the leaflet-providers page:
+    //  http://leaflet-extras.github.io/leaflet-providers/preview/
+    // Just set the provider name that you want below, or add additional
+    // Some providers require an API key, so just look out for that
+    L.tileLayer.provider('OpenStreetMap.Mapnik').addTo(map);
+
     return map
 };