MMM-MyCommute

brandongomez

Hi all. New to the forum and the world of magic mirror. It’s awesome! Came across this module and have been trying to implement but think I’m getting stuck on the API key.

When I go to Google, I have web and web service. I am assuming this is web and not web service. Then when I choose web, I get more options; Maps JavaScript API, Maps Embed API, Street View, Static Maps, Places API JavaScript Library. I believe it’s Maps JavaScript API. Can anyone confirm that?

The module is not coming up on my board so I think my API might be wrong? Any help is appreciated. Thanks!

Update: I re-installed the module and it now loads but just shows the locations with a red “Error” next to each of them. My code is posted below if that helps. It also isn’t showing the “Traffic” header which is odd.

Another Update: Working now! I found the log files and it was the API. Got that fixed and now it’s working. Only thing that isn’t working is the title. For some reason the header doesn’t show. Any ideas?

{
                        module: 'MMM-MyCommute',
                        position: 'top_right',
                        config: {
                                showHeader: true,
                                headerText: 'Traffic',
                                apikey: 'xxxxxxxxx',
                                origin: '.........',
                                startTime: '00:00',
                                endTime: '23:59',
                                hideDays: [0,6],
                                destinations: [
                                        {
                                                destination: '..........',
                                                label: 'Emerson Parkside Academy',
                                                mode: 'driving',
                                                color: '#82E5AA'
                                        },
                                        {
                                                destination: 'Yosemite, CA',
                                                label: 'Yosemite',
                                                mode: 'driving',
                                                color: '#82E5AA'
                                        },
					{
                                                destination: '1313 Disneyland Dr, Anaheim, CA 92802',
                                                label: 'Disneyland',
                                                mode: 'driving',
                                                color: '#82E5AA'
                                        },
                                ]
                        }
                },

j.e.f.f

@brandongomez The header is not configured that way anymore. Use the standard way, like so:

{
    module: 'MMM-MyCommute',
    header: 'Traffic',      //-------- here
    position: 'top_right',
    config: {
        ...
    }
}

otherwise, glad to hear you got it working.

-Jeff

brandongomez

@j.e.f.f Awesome, thanks for the quick reply and help!

Looking

Question. I have posted the above config in my config.js file but MM does not showing anything additional regarding TRAFFIC.

j.e.f.f

@Looking not sure I’m following… can you post your confit here? Hide your API key.

Looking

Here is what I pasted… I am sure it is something real goofy. I did get an API KEY from Google. Maybe there was addition code I needed to put else where. This is my first time project with MM. Really cool.
CODE:
{
module: ‘MMM-MyCommute’,
header: ‘Trafic’,
position: ‘top_right’,
config: {
showHeader: true,
//------ headerText: ‘Traffic’,
apikey: ‘PUT IN GOOGLE API’,
origin: ‘PUT MY ADDRESS. 123 ST, TOWN, ST ZIPCODE’,
startTime: ‘00:00’,
endTime: ‘23:59’,
hideDays: [0,6],
destinations: [
{
destination: ‘PUT IN WORK ADDRESS’,
label: ‘Emerson Parkside Academy’,
mode: ‘driving’,
color: ‘#82E5AA’
}
]
}
},

Your help would be greatly appreciated. Thank you!

Looking

Hey j.e.f.f,
Here is what I pasted… I am sure it is something real goofy. I did get an API KEY from Google. Maybe there was addition code I needed to put else where. This is my first time project with MM. Really cool.
CODE:

{
	module: 'MMM-MyCommute',
	header: 'Trafic',
	position: 'top_right',
	config: {
		showHeader: true,
		//------ headerText: 'Traffic',
		apikey: 'PUT IN GOOGLE API',
		origin: 'PUT MY ADDRESS. 123 ST, TOWN, ST ZIPCODE',
		startTime: '00:00',
		endTime: '23:59',
		hideDays: [0,6],
		destinations: [
			{
			destination: 'PUT IN WORK ADDRESS',
			label: 'Emerson Parkside Academy',
			mode: 'driving',
			color: '#82E5AA'
			}
		]
	}
},

Your help would be greatly appreciated. Thank you!

Looking

@Looking
Should I have something within the MODULES directory to correspond to this cool MMM-MyCommute module?

Looking

Hey there j.e.f.f.
I figured out that I missed the whole part about installing the actual MMM-MyCommute module, https://github.com/jclarke0000/MMM-MyCommute . I am letting it run in MM but under the header TRAFFIC on MM it just says Loading… I rechecked my API key and made sure I did not mistype. Any thoughts?

Looking

@Looking
Ok I simply rebooted my Pi and the MyCommute module did show up. I see the car icon, the name I gave it but the place where I would see the commute time is populated with the message of ‘Error’ . I think I see this happen for someone on this board…Let me look. But in the meantime thanks for helping me and if I do not get this I will post again. Love the module and the community.