MMM-GoogleMapsTraffic

Smotx

Hi,

when I don’t activate this module, all my other modules work and display’s, when I activate this module, some modules are no longer displayed, such as: MMM-TPlink, MMM-CalendarExt, MMM-FreefoxMonitor.

Anyone have an idea why?

Thanks for help.

tbs86

Every time i add this module and try to start the MM it tells me i have a syntax error and wont start any modules on my mirror.

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…