MMM-GoogleMapsTraffic

[evroom]

Read this for learning purposes:

https://forum.magicmirror.builders/topic/5399/how-to-check-your-config-for-errors-for-absolute-beginners

If you post the config:check output and your MMM-GoogleMapsTraffic part inside config.js, I am sure someone can help you.

Good luck.

[tbs86]

@evroom thank you i will give this a shot when i get home and post my results

[tbs86]

@evroom ```here is my code

	{
		module: "calendar",
		header: "US Holidays",
		position: "top_left",
		config: {
			calendars: [
				{
					symbol: "calendar-check-o ",
					url: "webcal://www.calendarlabs.com/templates/ical/US-Holidays.ics"
				}
			]
		}
	},
		
	{
		module: "compliments",
		position: "lower_third"
	},
	var config = {
modules: [
    {
        module: 'MMM-GoogleMapsTraffic',
        position: 'bottom_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'
                },
            ],
        },
    }
]

}

[evroom]

Yes, the README tricked you a bit.

Remove this:

var config = {
modules: [

and the last 2 lines:

}
]

Verify with:

cd ~/MagicMirror; npm run config:check

[tbs86]

@evroom

did what you said and did the config check and this is what i got

Line 134 col 5 Unexpected ‘]’.
Line 134 col 5 Expected an identifier and instead saw ‘]’.
Line 134 col 6 Missing semicolon.
Line 134 col 5 Unrecoverable syntax error. (95% scanned).
pi@raspberrypi:~/MagicMirror $

[tbs86]

it says line 134 but the only thing on line 134 is a ]

here is my code leading up to 134

		{
    module: "MMM-EARTH",
    position: "bottom_center",
    config: {
        mode: "Natural",
        rotateInterval: 15000,
        MaxWidth: "50%",
        MaxHeight: "50%",
    }
},
		
			       
				    
				    

		


	]

};

That is line 116 to 136 the end of my config

[Mykle1]

@tbs86

This is your current config entry

var config = {
modules: [
    {
        module: 'MMM-GoogleMapsTraffic',
        position: 'bottom_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'
                },
            ],
        },
    }
]

Make it look like this or copy and paste

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

Props to @evroom

[tbs86]

@mykle1 said in MMM-GoogleMapsTraffic:

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

still getting a error

[Mykle1]

@tbs86

Sorry about that. I just checked it. Try this please. There was a comma missing after width: '300px', and no comma after the closing } Not your fault. The example in the readme is incorrect

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

[tbs86]

@mykle1

this worked thank you!!

[Mykle1]

@tbs86

You’re welcome, mate. :thumbsup:

[rvanuden]

it all seems to be working but googlemaps can not be loaded, i used a new key though

any ideas?

[rvanuden]

@rvanuden anyone?

[mcneilp]

@rvanuden I have the same problem. Did you find a solution?

[sdetweil]

there is a problem with the original module… I have a fixed version
here https://github.com/sdetweil/MMM-GoogleMapsTraffic

Do this

cd ~/MagicMirror/modules
mv  MMM-GoogleMapsTraffic  MMM-GoogleMapsTraffic.original
git clone https://github.com/sdetweil/MMM-GoogleMapsTraffic
cd MMM-GoogleMapsTraffic
npm install

then restart the mirror app

[Chris]

@sdetweil said in MMM-GoogleMapsTraffic:

there is a problem with the original module… I have a fixed version
here https://github.com/sdetweil/MMM-GoogleMapsTraffic

Do this

cd ~/MagicMirror/modules
mv  MMM-GoogleMapsTraffic  MMM-GoogleMapsTraffic.original
git clone https://github.com/sdetweil/MMM-GoogleMapsTraffic
cd MMM-GoogleMapsTraffic
npm install

then restart the mirror app

Hello,
Thank you so much,

Regards,

[mcneilp]

I got it working. I did the above…plus I was using the wrong bit of text for my API key…and had to “setup billing” on my api account apparently to allow it to work.

[sdetweil]

@mcneilp thanks for the feedback… sad how many of the apis want to charge…

[Egnos]

Hello to all.
Many thanks to the developer for the brilliant idea!

I describe my environment:
I’m testing the various modules on a virtual machine (Virtual Box) that runs on a Windows 10 PC.
For now all modules work perfectly except MMM-GoogleMapsTraffic.

Description of the problem:
I successfully installed the module but when I launch MM I only see the classic purple Google Maps pointer and nothing else…

The configuration of the .JSON seems ok, and the API has been entered correctly.

Can you help me…?

Thank you all!

[sdetweil]

@Egnos see back a couple posts to get my updated version.