• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

MMM-MyCommute

Scheduled Pinned Locked Moved Transport
286 Posts 80 Posters 506.4k Views 77 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • B Offline
    brandongomez
    last edited by brandongomez Jun 15, 2017, 5:14 PM Jun 15, 2017, 4:16 PM

    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 1 Reply Last reply Jun 15, 2017, 5:27 PM Reply Quote 0
    • J Offline
      j.e.f.f Project Sponsor Module Developer @brandongomez
      last edited by Jun 15, 2017, 5:27 PM

      @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

      B L 2 Replies Last reply Jun 15, 2017, 5:30 PM Reply Quote 0
      • B Offline
        brandongomez @j.e.f.f
        last edited by Jun 15, 2017, 5:30 PM

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

        1 Reply Last reply Reply Quote 0
        • L Offline
          Looking @j.e.f.f
          last edited by Jun 16, 2017, 4:51 AM

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

          J L 2 Replies Last reply Jun 16, 2017, 4:53 AM Reply Quote 0
          • J Offline
            j.e.f.f Project Sponsor Module Developer @Looking
            last edited by Jun 16, 2017, 4:53 AM

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

            L 1 Reply Last reply Jun 16, 2017, 5:01 AM Reply Quote 0
            • L Offline
              Looking @Looking
              last edited by Jun 16, 2017, 4:58 AM

              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!

              1 Reply Last reply Reply Quote 0
              • L Offline
                Looking @j.e.f.f
                last edited by yawns Jun 19, 2017, 11:25 AM Jun 16, 2017, 5:01 AM

                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!

                L 1 Reply Last reply Jun 16, 2017, 5:41 AM Reply Quote 0
                • L Offline
                  Looking @Looking
                  last edited by Jun 16, 2017, 5:41 AM

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

                  L 1 Reply Last reply Jun 16, 2017, 6:04 AM Reply Quote 0
                  • L Offline
                    Looking @Looking
                    last edited by Jun 16, 2017, 6:04 AM

                    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?

                    L 1 Reply Last reply Jun 16, 2017, 6:27 AM Reply Quote 0
                    • L Offline
                      Looking @Looking
                      last edited by Jun 16, 2017, 6:27 AM

                      @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.

                      F 1 Reply Last reply Jan 19, 2019, 10:08 AM Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 4
                      • 5
                      • 6
                      • 7
                      • 8
                      • 28
                      • 29
                      • 6 / 29
                      6 / 29
                      • First post
                        59/286
                        Last post
                      Enjoying MagicMirror? Please consider a donation!
                      MagicMirror created by Michael Teeuw.
                      Forum managed by Sam, technical setup by Karsten.
                      This forum is using NodeBB as its core | Contributors
                      Contact | Privacy Policy