MMM-GoogleMapsTraffic : black screen by copying the code in config.js

[RIKKO14]

Hello,
I copied the file described in the link https://github.com/vicmora/MMM-GoogleMapsTraffic in my config.js but since I have a black screen on MM, I can’t find the error …
if I remove the part:

var config = { modules: [

it’s the same problem

here is my config.js:

.....
						title: "Le Monde, Culture",
						url: "https://www.lemonde.fr/culture/rss_full.xml"
					},
				],
				showSourceTitle: true,
				showPublishDate: true,
				broadcastNewsFeeds: true,
				broadcastNewsUpdates: true,
			}
		},
	var config = {
    modules: [
        {
            module: 'MMM-GoogleMapsTraffic',
            position: 'top_left',
            config: {
                key: 'AIzaSyBQ.....',
                lat: 49.182863,
                lng: -0.370679,
                height: '300px',
                width: '300px'
                styledMapType: "transparent",
                disableDefaultUI: true,
                backgroundColor: 'hsla(0, 0%, 0%, 0)',
                markers: [
                    {
                        lat: 49.182863,
                        lng: -0.370679,
                        fillColor: '#9966ff'
                       },
                ],
            },
        }
    ]
},
			/*{
			disabled: false,
			module: "MMM-Climacell-Hourly",
....

Thanks you for your help.

[BKeyport]

They included too much in their config sample. If you have a backup of your old config, back out and redo it, with this sample instead.

  {
            module: 'MMM-GoogleMapsTraffic',
            position: 'top_left',
            config: {
                key: 'YOUR_KEY',
                lat: 37.8262306,
                lng: -122.2920096,
                height: '300px',
                width: '300px'
                styledMapType: "transparent",
                disableDefaultUI: true,
                backgroundColor: 'hsla(0, 0%, 0%, 0)',
                markers: [
                    {
                        lat: 37.8262316,
                        lng: -122.2920196,
                        fillColor: '#9966ff'
                    },
                ],
            },
        },

[RIKKO14]

it’s the same problem… :

...
						title: "Le Monde, Culture",
						url: "https://www.lemonde.fr/culture/rss_full.xml"
					},
				],
				showSourceTitle: true,
				showPublishDate: true,
				broadcastNewsFeeds: true,
				broadcastNewsUpdates: true,
			}
		},
 {
            module: 'MMM-GoogleMapsTraffic',
            position: 'top_left',
            config: {
                key: 'AIzaSyBQnp-WYA1IdK9sZr0lfvrtUcQ5Qu02sNw',
                lat: 49.182863,
                lng: -0.370679,
                height: '300px',
                width: '300px'
                styledMapType: "transparent",
                disableDefaultUI: true,
                backgroundColor: 'hsla(0, 0%, 0%, 0)',
                markers: [
                    {
                        lat: 49.182863,
                        lng: -0.370679,
                        fillColor: '#9966ff'
                    },
                ],
            },
        },

/*
        {
            module: 'MMM-GoogleMapsTraffic',
            position: 'top_left',
...

[MadScientist]

@RIKKO14 said in MMM-GoogleMapsTraffic : black screen by copying the code in config.js:

width: ‘300px’

I think you missed a comma at the end of that line.

[RIKKO14]

modified, but still the same problem …

				broadcastNewsFeeds: true,
				broadcastNewsUpdates: true,
			}
		},
 {
            module: 'MMM-GoogleMapsTraffic',
            position: 'top_left',
            config: {
                key: 'AIzaSyBQnp-WYA1IdK9sZr0lfvrtUcQ5Qu02sNw',
                lat: 49.182863,
                lng: -0.370679,
                height: '300px',
                width: '300px',
                styledMapType: "transparent",
                disableDefaultUI: true,
                backgroundColor: 'hsla(0, 0%, 0%, 0)',
                markers: [
                    {
                        lat: 49.182863,
                        lng: -0.370679,
                        fillColor: '#9966ff'
                    },
                
   ]
},

        /*{
            module: 'MMM-GoogleMapsTraffic',
            position: 'top_left',


[sdetweil]

@RIKKO14 https://forum.magicmirror.builders/topic/4231/how-to-add-modules-for-absolute-beginners?_=1593192855121
take out the addtional stuff u added and read the above post and try again

[sdetweil]

@RIKKO14 also, the GoogleMapsTraffic module has a bug, which I fixed, but th e author has not taken,

you can use my repo instead of the original
https://github.com/sdetweil/MMM-GoogleMapsTraffic

[RIKKO14]

II have read the post : https://forum.magicmirror.builders/topic/4231/how-to-add-modules-for-absolute-beginners?_=1593192855121

I don’t anderstand what you say : "take out the addtional stuff u added ", I added nothing…
And I d’ont anderstand what is your “repo instead”,

and this my config.js, I had already installed modules where I had encountered the problem of} and not}, but there everything seems good, I do not see the error … :

[RIKKO14]

[sdetweil]

@RIKKO14 the last thing you said was

modified, but still the same problem …

"take out the addtional stuff u added ", I added nothing…

you added a new module definition (that is additional stuff)

repo, the site on github is a repository, repo for short

the original u are trying to use is
https://github.com/vicmora/MMM-GoogleMapsTraffic

mine is
https://github.com/sdetweil/MMM-GoogleMapsTraffic

note that the userids are different.

so, instead of git cloning vic’s repo, do that with mine (instead)