MMM-GoogleMapsTraffic

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.

Egnos

@sdetweil
I installed the module this afternoon, I believe it is already the updated version.
I have used this
guide

sdetweil

@Egnos from here, right?

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