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',

![0_1593336531621_2020-06-28-112809_1920x1080_scrot.png](Uploading 100%)

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)

RIKKO14

This post is deleted!

sdetweil

@RIKKO14 thats why I suggested the link on modules for beginners, you have too many braces {} and brackets []

just cutting and pasting what the author gives you is trouble if you don’t understand what ytou are supposed to do

module entries no not HAVE to have a trailing , (comma) UNLESS there are more entries after

and showing the module in that whole list is bad, cause people just copy… and boom you have TWO config entries and two module lists… not good…

RIKKO14

ça y’est le module s’affiche enfin mais nouveau bug… la carte s’affiche et aussitot après un écran “problem” s’affiche… Pfff
this the config.js modified :
{
module: ‘MMM-GoogleMapsTraffic’,
position: ‘top_right’,
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’
}
]
}

},

RIKKO14

	{
            module: 'MMM-GoogleMapsTraffic',
            position: 'top_right',
            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'
                    }
                ]
            }
           
}

RIKKO14

RIKKO14

that’s it the module finally appears but new bug … the map appears and immediately after a “problem” screen appears … Pfff