MMM-MyCommute not showing up.

Doogain

@buzzkc said in MMM-MyCommute not showing up.:

@Doogain Did you add the module into the MagicMirror/config/config.js?

That might be the issue, I didnt know I had to do that. Never installed a module before.

@sdetweil said in MMM-MyCommute not showing up.:

@Doogain that is NOT your ‘config’… that is the module source.
my general rule, you never edit the module source, unless u are doign something special, like extending its functionality

to install a module you do
cd ~/MagicMirror/modules
git clone ??? 
where ??? is the module github url

then when that completes, you add a
    { 
          module:   ??? ,
          config: {
          }
    },

to the modules array in config/config.js

the required data for the config entry will be found in the README.md file in the module folder just created by the git clone operation

I already did the first part, its the last part that I think I’ve screwed up on. I’ll give a go now, will post back soon.

Doogain

So I added this to config.js in MagicMirror/config
{
module: “MMM-MyCommute”,
position: “top_left”,
header: “Traffic”,
classes: “default everyone”,
},

I recieved this error in developer console now
alt text

buzzkc

@Doogain
Your config entry should look more like the one in the Readme.md page of the module (https://github.com/jclarke0000/MMM-MyCommute)

Also, be sure you followed all of the installation notes in the readme.

{
  module: 'MMM-MyCommute',
  position: 'top_left',
  config: {
    apikey: 'API_KEY_FROM_GOOGLE',
    origin: '65 Front St W, Toronto, ON M5J 1E6',
    startTime: '00:00',
    endTime: '23:59',
    hideDays: [0,6],
    destinations: [
      {
        destination: '14 Duncan St Toronto, ON M5H 3G8',
        label: 'Air Canada Centre',
        mode: 'walking',
        color: '#82E5AA'
      },
      {
        destination: '317 Dundas St W, Toronto, ON M5T 1G4',
        label: 'Art Gallery of Ontario',
        mode: 'transit'
      },
      {
        destination: '55 Mill St, Toronto, ON M5A 3C4',
        label: 'Distillery District',
        mode: 'bicycling'
      },
      {
        destination: '6301 Silver Dart Dr, Mississauga, ON L5P 1B2',
        label: 'Pearson Airport',
        avoid: 'tolls'
      }
    ]
  }
}

sdetweil

@Doogain u modified the module source. Please remove yours, and customize the config.js

Doogain

I reverted the module source, I messed up bigtime on that. The modules show up in MM now, and that is so great! Thanks a lot!

It does give a me a error instead of commute time tho, I think thats a either a API or adress error.
Which API do I have to select from google? It gives me several choices.

buzzkc

I believe it’s the Maps Javascript API>>Directions API

Doogain

@buzzkc said in MMM-MyCommute not showing up.:

I believe it’s the Maps Javascript API>>Directions API

Hmm still getting a error where it should say commute time.
It says:
MMM-MyCommute: You must enable Billing on the Google Cloud Project at https://console.cloud.google.com/project/_/billing/enable Learn more at https://developers.google.com/maps/gmp-get-started

I already have that enabled tho.

Doogain

I figured it out. I had to enable all the following
1.) Maps Javascript API
2.) Directions API
3.) Geocoding API.

Marking as solved, thanks for all the help :-)

sdetweil

This post is deleted!

spoonek

Sorry to bump an old post, seemed like a better idea vs creating a new one…

I’m having the same issue. I’m using MagicMirror 2.12. The MMM-MyCommute module shows “Error” in red for my destination. I have an api key. The api key is active. I’ve added the Directions API, Geocoding API and Maps JavaScript API to my Google Cloud Platform account. I’ve tried both apikey and apiKey. I did read on the Google site that the request needs to be something like “key_api” but can’t find that verbiage again to validate. Not sure what else I can do at this point. Any tips? Many thanks!!

code:

{
	module: 'MMM-MyCommute',
	position: 'top_left',
	header: 'Commute Times',
	config: {
		apiKey: '**********************************',
		origin: '**my home address**',
		startTime: '00:00',
		endTime: '23:59',
		destinations: [
			{
				destination: '6000 N Terminal Pkwy, Atlanta, GA 30320',
				label: 'Airport'
			},
		]
	}