Add traffic overlays

1 files changed, 15 insertions, 0 deletions

diff --git a/modern/src/map/overlay/useMapOverlays.js b/modern/src/map/overlay/useMapOverlays.js
index 94baab3e..e7ea7322 100644
--- a/modern/src/map/overlay/useMapOverlays.js
+++ b/modern/src/map/overlay/useMapOverlays.js
@@ -16,6 +16,7 @@ export default () => {
   const t = useTranslation();
 
   const openWeatherKey = useAttributePreference('openWeatherKey');
+  const tomTomKey = useAttributePreference('tomTomKey');
   const customMapOverlay = useSelector((state) => state.session.server?.overlayUrl);
 
   return [
@@ -61,6 +62,20 @@ export default () => {
       attribute: 'openWeatherKey',
     },
     {
+      id: 'tomTomFlow',
+      title: t('mapTomTomFlow'),
+      source: sourceCustom([`https://api.tomtom.com/traffic/map/4/tile/flow/absolute/{z}/{x}/{y}.png?key=${tomTomKey}`]),
+      available: !!tomTomKey,
+      attribute: 'tomTomKey',
+    },
+    {
+      id: 'tomTomIncidents',
+      title: t('mapTomTomIncidents'),
+      source: sourceCustom([`https://api.tomtom.com/traffic/map/4/tile/incidents/s3/{z}/{x}/{y}.png?key=${tomTomKey}`]),
+      available: !!tomTomKey,
+      attribute: 'tomTomKey',
+    },
+    {
       id: 'custom',
       title: t('mapOverlayCustom'),
       source: sourceCustom(customMapOverlay),