Add support for Carto Basemaps

2 files changed, 28 insertions, 4 deletions

diff --git a/web/app/store/MapTypes.js b/web/app/store/MapTypes.js
index 179343e7..a24864e0 100644
--- a/web/app/store/MapTypes.js
+++ b/web/app/store/MapTypes.js
@@ -20,6 +20,9 @@ Ext.define('Traccar.store.MapTypes', {
     fields: ['key', 'name'],
 
     data: [{
+        key: 'carto',
+        name: Strings.mapCarto
+    }, {
         key: 'osm',
         name: Strings.mapOsm
     }, {
diff --git a/web/app/view/BaseMap.js b/web/app/view/BaseMap.js
index 50746658..a3524208 100644
--- a/web/app/view/BaseMap.js
+++ b/web/app/view/BaseMap.js
@@ -42,9 +42,11 @@ Ext.define('Traccar.view.BaseMap', {
             layer = new ol.layer.Tile({
                 source: new ol.source.XYZ({
                     url: server.get('mapUrl'),
-                    attributions: [new ol.Attribution({
-                        html: ''
-                    })]
+                    attributions: [
+                        new ol.Attribution({
+                            html: ''
+                        })
+                    ]
                 })
             });
         } else if (type === 'bingRoad') {
@@ -61,10 +63,29 @@ Ext.define('Traccar.view.BaseMap', {
                     imagerySet: 'Aerial'
                 })
             });
-        } else {
+        } else if (type === 'osm'){
             layer = new ol.layer.Tile({
                 source: new ol.source.OSM({})
             });
+        } else {
+            layer = new ol.layer.Tile({
+                source: new ol.source.XYZ({
+                    urls: [
+                        'https://cartodb-basemaps-a.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png',
+                        'https://cartodb-basemaps-b.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png',
+                        'https://cartodb-basemaps-c.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png',
+                        'https://cartodb-basemaps-d.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png'
+                    ],
+                    attributions: [
+                        new ol.Attribution({
+                            html: [
+                                '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> '
+                                    + 'contributors, &copy; <a href="https://carto.com/attributions">CARTO</a>'
+                            ]
+                        })
+                    ]
+                })
+            });
         }
 
         lat = user.get('latitude') || server.get('latitude') || Traccar.Style.mapDefaultLat;