MMM-GoogleMapsTraffic

[rak]

Hi,

I added a pull request to the original module which adds markers and an option for transparent maps.

Have fun.

Regards
Ralf

[Smotx]

This post is deleted!

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