travelbacon / mmm-tomtomtrafficincidents Goto Github PK

...modul works on iphone- and laptop-browser (full-hd and above), but not on display (1680x1050 resolution) that is directly attached to my raspberry.
modul also loaded, but i can't see the map. i've tried many different sizes of the map - but no change.

Since I updated MM to 2.26 a few days ago the module is no longer displaying the map.

Have not changed anything in the config and the token is correct

Dear @Travelbacon ,
thank you first for your great module! it's a pleasure to see it running well.
Do you maybe know what the red icon on the attached printscreen means?

It appeared after a while and keeps staying there.
Thank you in advance for your reply.
Kind regards,
Cédric

V5 is EOL on February 1, 2022.
Switch to V6

Hi,

I’ve managed to install the Module but I’m getting just a black screen for the module.

Have I forgotten to install something?

Code for my config.js below:

module: “MMM-TomTomTrafficIncidents”,
position: “center”,
config: {
key: “”,
lng: -123.1139529,
lat: 49.2608724,
zoom: 11,
height: “500px”,
width: “800px”

Thank you.

I'm trying to get this module to work on my mirror that runs on a Raspi 3B. Setup is default using up-to-date MM v2.18.0 and supplied Electron browser, all running on Raspbian 10 Buster with all packages up-to-date.

When testing the config on the desktop PC with an identical config.js and all versions, all works perfectly. However, on the mirror when I try to activate the module the following happens:

• The frontend starts up and freezes a couple seconds in, Chromium becomes unresponsive (the clock module stops updating seconds)
• Couple seconds later, Chromium reloads from black and renders all modules
• MMM-TomTomTrafficIncidents is placed and correctly sized, the copyright box is visible on the bottom right, but the actual map box is black and has a "frowny face" on top left - I think the Chromium process rendering the iFrame crashes.

All this accompanied by the following red-colored errors in pm2 logs:

0|MagicMirror  | [8201:0220/200959.163491:ERROR:viz_main_impl.cc(161)] Exiting GPU process due to errors during initialization
0|MagicMirror  | [8238:0220/200959.516610:ERROR:sandbox_linux.cc(376)] InitializeSandbox() called with multiple threads in process gpu-process.
... some "green" output from various frontend modules doing their thing ...
0|MagicMirror  | [8238:0220/201006.076728:ERROR:gl_utils.cc(318)] [.WebGL-0x4dc15500]GL Driver Message (OpenGL, Performance, GL_CLOSE_PATH_NV, High): GPU stall due to ReadPixels
0|MagicMirror  | [8206:0220/201006.667530:ERROR:command_buffer_proxy_impl.cc(328)] GPU state invalid after WaitForGetOffsetInRange.
0|MagicMirror  | [8163:0220/201009.324221:ERROR:gpu_process_host.cc(968)] GPU process exited unexpectedly: exit_code=135

After this the mirror continues running, the iFrame remains broken. Googling the errors isn't of much help.

If I deactivate the MMM-TomTomTrafficIndicents module in the config, these errors don't appear and the mirror and all modules boot up smoothly, with no freezing up. So I'm pretty sure the errors are to do with the module and the embedded TomTom map / Mapbox.

Things I tried:

• changing the GPU memory allocation from the default 64MB to 128MB: no visible effect.
• switching to the "G2 GL driver with fake KMS" as described in #4 (comment): Chromium appears to render stuff faster (didn't measure anything), but no effect on the error and the iFrame crashing.

What hardware and software have people gotten this to run on? I assume a Pi 4 would help, having a bunch more GPU power and proper drivers, but they are a bit unobtainium right now. Could upgrading to the latest Raspbian (based on Debian 11 Bullseye instead of 10 Buster) possibly help as well?

Hi. I can't get this module to display anything on my Magic Mirror, when I look at the console it shows the following error:

Uncaught TypeError: t.window.document is undefined
i mapbox-gl.js:35
aA mapFactory.js:1528
BA mapConfigurer.js:67
map index.js:59
onload MMM-TomTomTrafficIncidents.js:64

I am trying to set it up using a brand new MM image that I created yesterday. For reference, my config is as follows:

		{
			module: "MMM-TomTomTrafficIncidents",
			position: "top_center",
			config: {
				key: REMOVE YOUR KEY,
				lng: 0.631025047302246,
				lat: 50.348021066230956,
				zoom: 11,
				height: "900px",
				width: "800px"
			}
		},

I even tried your default example with my API key and that didn't work, and I got an even longer error message

Uncaught TypeError: t.window.document is undefined
i mapbox-gl.js:35
aA mapFactory.js:1528
BA mapConfigurer.js:67
map index.js:59
onload MMM-TomTomTrafficIncidents.js:64
getDom MMM-TomTomTrafficIncidents.js:62
updateDom main.js:114
updateDom main.js:113
createDomObjects main.js:53
createDomObjects main.js:20
modulesStarted main.js:510
startModules loader.js:56
loadNextModule loader.js:38
onerror loader.js:217
loadFile loader.js:214
loadNextModule loader.js:36
loadNextModule loader.js:29
afterLoad loader.js:132
bootstrapModule loader.js:168
loadTranslations module.js:322
bootstrapModule loader.js:165
loadNextDependency module.js:302
loadNextDependency module.js:299
onload loader.js:211
loadFile loader.js:209
loadFile loader.js:269
loadNextDependency module.js:297
loadDependencies module.js:306
loadStyles module.js:272
bootstrapModule loader.js:163
loadNextDependency module.js:302
loadNextDependency module.js:299
loadFile loader.js:246
loadNextDependency module.js:297
loadDependencies module.js:306
loadScripts module.js:281
bootstrapModule loader.js:161
afterLoad loader.js:131
loadModule loader.js:144
onload loader.js:191
loadFile loader.js:189
loadModule loader.js:142
loadNextModule loader.js:27
loadNextModule loader.js:29
afterLoad loader.js:132
bootstrapModule loader.js:168
loadTranslations module.js:322
bootstrapModule loader.js:165
loadNextDependency module.js:302
loadNextDependency module.js:299
loadFile loader.js:246
loadNextDependency module.js:297
loadNextDependency module.js:299
loadFile loader.js:246
loadNextDependency module.js:297
loadNextDependency module.js:299
loadFile loader.js:246
loadNextDependency module.js:297
loadDependencies module.js:306
loadStyles module.js:272
bootstrapModule loader.js:163
loadNextDependency module.js:302
loadNextDependency module.js:299
loadFile loader.js:246
loadNextDependency module.js:297
loadNextDependency module.js:299
loadFile loader.js:246
loadNextDependency module.js:297
loadNextDependency module.js:299
loadFile loader.js:246
mapbox-gl.js:35:315631
i mapbox-gl.js:35
aA mapFactory.js:1528
BA mapConfigurer.js:67
map index.js:59
onload MMM-TomTomTrafficIncidents.js:64
(Async: EventHandlerNonNull)
getDom MMM-TomTomTrafficIncidents.js:62
updateDom main.js:114
updateDom main.js:113
createDomObjects main.js:53
forEach self-hosted:206
createDomObjects main.js:20
modulesStarted main.js:510
startModules loader.js:56
loadNextModule loader.js:38
onerror loader.js:217
(Async: EventHandlerNonNull)
loadFile loader.js:214
loadNextModule loader.js:36
loadNextModule loader.js:29
afterLoad loader.js:132
bootstrapModule loader.js:168
loadTranslations module.js:322
bootstrapModule loader.js:165
loadNextDependency module.js:302
loadNextDependency module.js:299
onload loader.js:211
(Async: EventHandlerNonNull)
loadFile loader.js:209
loadFile loader.js:269
loadNextDependency module.js:297
loadDependencies module.js:306
loadStyles module.js:272
bootstrapModule loader.js:163
loadNextDependency module.js:302
loadNextDependency module.js:299
loadFile loader.js:246
loadNextDependency module.js:297
loadDependencies module.js:306
loadScripts module.js:281
bootstrapModule loader.js:161
afterLoad loader.js:131
loadModule loader.js:144
onload loader.js:191
(Async: EventHandlerNonNull)
loadFile loader.js:189
loadModule loader.js:142
loadNextModule loader.js:27
loadNextModule loader.js:29
afterLoad loader.js:132
bootstrapModule loader.js:168
loadTranslations module.js:322
bootstrapModule loader.js:165
loadNextDependency module.js:302
loadNextDependency module.js:299
loadFile loader.js:246
loadNextDependency module.js:297
loadNextDependency module.js:299
loadFile loader.js:246
loadNextDependency module.js:297
loadNextDependency module.js:299
loadFile loader.js:246
loadNextDependency module.js:297
loadDependencies module.js:306
loadStyles module.js:272
bootstrapModule loader.js:163
loadNextDependency module.js:302
loadNextDependency module.js:299
loadFile loader.js:246
loadNextDependency module.js:297
loadNextDependency module.js:299
loadFile loader.js:246
loadNextDependency module.js:297
loadNextDependency module.js:299
loadFile loader.js:246

Can you tell me where I'm going wrong? :)

It won't show any Incidents that are happening right now or else. Also the Marker is not appearing, where i set it.

{
module: "MMM-TomTomTrafficIncidents",
position: "bottom_center",
config: {
key: "XXX",
lng: (coordinates removed),
lat: (coordinates removed),
zoom: 10,
height: "500px",
width: "600px",
showMarker: true,
showIncidents: true,
showTraffic: true
}
},

Hi, I am trying to use your plugin, and it worked great till the moment I added an independent iframe module to show a flightradar map on a screen. When I add iframe (doesn't matter what it is displaying, what size, or where it is located) TomTom just won't load. When I delete the iframe module it starts to work again. Where can be a problem? I want to use your module, it is good for my purpose.
with iframe

without iframe

don't mind the overlapping modules, on my vertical oriented display it is ok :)

Hey. When I try to get this to work, in this case using your example config and my TomTom key, nothing loads on the Mirror.
When I press CTRL+SHIFT+I to get to the Chromium debugger, this is what is says:

Uncaught TypeError: Cannot read property 'hardwareConcurrency' of MMM-TomTomTrafficIncidents
undefined
at maps-web.min.js:1
at n (maps-web.min.js:1)
at n (maps-web.min.js:1)
at Object. (maps-web.min.js:1)
at r (maps-web.min.js:1)
at Object. (maps-web.min.js:1)
at r (maps-web.min.js:1)
at Object. (maps-web.min.js:1)
at r (maps-web.min.js:1)
at maps-web.min.js:1

MMM-TomTomTrafficIncidents.js:69 Uncaught ReferenceError: tt is not defined
at HTMLScriptElement.script.onload (MMM-TomTomTrafficIn

When I view my MM through Firefox on my laptop, this is from the debugger:

Source map error: Error: request failed with status 404
Resource URL: http://192.xxx.x.xxx:8080/modules/MMM-TomTomTrafficIncidents/tomtom-international-web-sdk-maps/maps-web.min.js
Source Map URL: maps-web.min.js.map

This is my config:

	{	
		module: "MMM-TomTomTrafficIncidents",
		position: "bottom_center",
		config: {
			key: 'thekey',
			lng: 0.667770,
			lat:  51.351990,
			zoom: 11,
			height: "500px",
			width: "800px"
		}
	},

Is there something I'm doing wrong?