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

Issue with Google Map MMM-GoogleMapsTraffic module. Map not loading.

Scheduled Pinned Locked Moved Unsolved Troubleshooting
12 Posts 4 Posters 4.0k Views 4 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.
  • R Offline
    ramyasadagopan
    last edited by May 31, 2019, 4:23 PM

    I am using the module MMM-GoogleMapsTraffic to show a general traffic in my area (not origin - destination traffic).

    I have 2 issues -

    1. On load the map with traffic shows for a exactly 2 seconds and immediately shows an error ‘Ops something went wrong’

    2. I have a CTA module which works fine on its own. But when the map has an issue, the CTA module also fails for some reason. But this is not a consistent behavior. It also shows just fine even when the map doesn’t load.

    NEED HELP with the map issue first though.

    here is my config (switched 2 letters to protect my API key). I have created 2 different API keys and tried with both.

    {
    		            module: "MMM-GoogleMapsTraffic",
    		            position: "bottom_right",
    			    config: {
    					 
                                     key:"AIzaSyCeqG6JjCx3zIByDq81hJB9mrzhvK_GgOE",
    					lat: 41.8816281,
    			                lng: -87.6608605,
    			                height: "300px",
    			                width: "300px",
    					mapTypeId: "roadmap",
    			                styledMapType: "transparent",
    			                disableDefaultUI: "true",
    					updateInterval: "60000",
    			                backgroundColor: "hsla(0, 0%, 0%, 0)",
    			                markers: [
    			                    {
    			                        lat: 41.8816281,
    			               		lng: -87.6608605,
    			                        fillColor: "#9966ff"
    		                    	    },
    		                	 	 ]
    		                    }
           		},
    

    Any thoughts?

    Z 1 Reply Last reply Aug 17, 2019, 10:04 PM Reply Quote 0
    • Z Offline
      Zorganon @ramyasadagopan
      last edited by Aug 17, 2019, 10:04 PM

      I am having this same issue - did you ever find a resolution to this?

      1 Reply Last reply Reply Quote 0
      • A Offline
        Achilles
        last edited by Aug 18, 2019, 2:56 PM

        I am having the same issue as well. Google Maps in general seems to be an issue here with the MagicMirror recently, and there have been no answers…

        1 Reply Last reply Reply Quote 0
        • S Away
          sdetweil
          last edited by Aug 18, 2019, 4:20 PM

          i don’t know how this ever worked… unless a newer version of javascript closed some bug…

          i have a quick fix

          git clone my repo

          git clone https://github.com/sdetweil/MMM-GoogleMapsTraffic.git
          

          also, at least for the 1st user, there is an invalidkeymap error
          (open developers window, ctrl-shift-i, select the console tab. scroll up for errors)

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          A 1 Reply Last reply Aug 19, 2019, 2:40 AM Reply Quote 0
          • A Offline
            Achilles @sdetweil
            last edited by Aug 19, 2019, 2:40 AM

            @sdetweil Thanks, but that didnt work for me unfortunately…

            To make sure I did it correctly, I navigated to my MMM-GoogleMapsTraffic module, and then executed your git clone, correct?

            I am still getting the same error.

            What I am not understanding at the moment, is all the modules I use that use the Google API are not working now. This is where I am not seeing any solutions anywhere.

            I didnt quite understand your instructions for the first user…maybe that is my issue as well?

            Thanks…

            S 3 Replies Last reply Aug 19, 2019, 2:45 AM Reply Quote 0
            • S Away
              sdetweil @Achilles
              last edited by sdetweil Aug 19, 2019, 2:45 AM Aug 19, 2019, 2:45 AM

              @Achilles no… rename the old module folder out of the way

              cd ~/MagicMirror/modules
              mv MMM-GoogleMapsTraffic  MMM-GoogleMapsTraffic-save
              git clone https://github.com/sdetweil/MMM-GoogleMapsTraffic.git.
              cd ~/MagicMirror
              

              no other changes are required

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • S Away
                sdetweil @Achilles
                last edited by sdetweil Aug 19, 2019, 3:04 AM Aug 19, 2019, 2:48 AM

                @Achilles said in Issue with Google Map MMM-GoogleMapsTraffic module. Map not loading.:

                I didnt quite understand your instructions for the first user…maybe that is my issue as well?

                there is an error…
                i described how to locate the error yourself

                on the mirror screen , using a keyboard,
                press ctrl-shift-i (all together) to open the developers window
                then select the tab at the top of that window labeled ‘console’,
                then using a mouse or keyboard, scroll the console window up to see previous messages that have scrolled off the screen…

                errors are shown in red text

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                1 Reply Last reply Reply Quote 0
                • S Away
                  sdetweil @Achilles
                  last edited by Aug 19, 2019, 2:49 AM

                  @Achilles said in Issue with Google Map MMM-GoogleMapsTraffic module. Map not loading.:

                  What I am not understanding at the moment, is all the modules I use that use the Google API are not working now. This is where I am not seeing any solutions anywhere.

                  maybe there is an account problem where the credit card used for payment is no longer valid?
                  i don’t know… all my google api apps are working ok

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  A 2 Replies Last reply Aug 19, 2019, 3:00 AM Reply Quote 0
                  • A Offline
                    Achilles @sdetweil
                    last edited by Aug 19, 2019, 3:00 AM

                    @sdetweil Thank you for the timely responses!

                    I am working on your replies right now. Thank you very much!

                    S 1 Reply Last reply Aug 19, 2019, 8:35 AM Reply Quote 0
                    • A Offline
                      Achilles @sdetweil
                      last edited by Aug 19, 2019, 3:58 AM

                      @sdetweil Thanks, it was my API…the free trial had expired with Google Cloud. I fixed that, and everything is working again…

                      Thanks a lot, man!

                      1 Reply Last reply Reply Quote 0
                      • 1
                      • 2
                      • 1 / 2
                      • First post
                        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