MMM-TomTomTraffic blank circle

Stardyze

Hello I’ve been having some issues with the MMM-TomTomTraffic module, I’ve tried both MMM-TomTomTrafficIncidents as well as this one and both do not work. With the config below, the only thing I get is a blank black circle with no streets or traffic or anything inside of it, all my other modules work except for this one. Has anyone else had this same issue?

      {
        module: "MMM-TomTomTraffic",
        position: "top_right",
	classes: "1",
        config: {
          location: [-88.158592, 42.966492],
          size: "350",
          zoomLevel: "5",
          tomtom: {
            apiToken: "uFqZBswnFWpg7WRHEkRFwcmMur5nvmt7",
            thickness: "4",
          },
          mapbox: {
            apiToken: "pk.eyJ1Ijoic3RhcmR5emUiLCJhIjoiY2txbWIxYW04MGVubjJubm4wcmg4aXlieSJ9.ArytlzgM4WMc5tfGszkvIA",
          }
        }
      },

sdetweil

@stardyze you have size, thickness and zoomLevel as strings, not numbers. remove the quotes

Stardyze

@sdetweil I removed the quotes and it still shows the same black circle. I tried using nothing surrounding the numbers and with colons and it still doesn’t seem to show.

sdetweil

@stardyze I loaded your config and looked in the dev console and see

Load script: modules/MMM-TomTomTraffic/MMM-TomTomTraffic.js
module.js:501 Check MagicMirror version for module 'MMM-TomTomTraffic' - Minimum version:  2.1.0 - Current version: 2.16.0
module.js:509 Module registered: MMM-TomTomTraffic
loader.js:155 Bootstrapping module: MMM-TomTomTraffic
loader.js:184 Load script: modules/MMM-TomTomTraffic/vendor/circletype.min.js
loader.js:160 Scripts loaded for: MMM-TomTomTraffic
loader.js:203 Load stylesheet: modules/MMM-TomTomTraffic/MMM-TomTomTraffic.css
loader.js:162 Styles loaded for: MMM-TomTomTraffic
loader.js:164 Translations loaded for: MMM-TomTomTraffic
module.js:44 Starting module: MMM-TomTomTraffic
MMM-TomTomTraffic.js:21 leaflet.js loaded


31:1 GET https://api.mapbox.com/styles/v1/bendardenne/ck7zw0fl90ptz1ikx97gvb6zb/tiles/5/19/31?access_token=pk.eyJ1Ijoic3RhcmR5emUiLCJhIjoiY2txbWIxYW04MGVubjJubm4wcmg4aXlieSJ9.ArytlzgM4WMc5tfGszkvIA 404 (Not Found)

31:1 GET https://api.mapbox.com/styles/v1/bendardenne/ck7zw0fl90ptz1ikx97gvb6zb/tiles/5/20/31?access_token=pk.eyJ1Ijoic3RhcmR5emUiLCJhIjoiY2txbWIxYW04MGVubjJubm4wcmg4aXlieSJ9.ArytlzgM4WMc5tfGszkvIA 404 (Not Found)

looks like the mapbox apiToken is wrong, or

eprostko

I had this problem and discovered I had my longitude and latitude reversed, putting me in the middle of the ocean, where traffic is pretty light. :)