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.3k 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

      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 Reply Quote 0
      • Z Offline
        Zorganon @ramyasadagopan
        last edited by

        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

          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 Offline
            sdetweil
            last edited by

            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 Reply Quote 0
            • A Offline
              Achilles @sdetweil
              last edited by

              @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 Reply Quote 0
              • S Offline
                sdetweil @Achilles
                last edited by sdetweil

                @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 Offline
                  sdetweil @Achilles
                  last edited by sdetweil

                  @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 Offline
                    sdetweil @Achilles
                    last edited by

                    @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 Reply Quote 0
                    • A Offline
                      Achilles @sdetweil
                      last edited by

                      @sdetweil Thank you for the timely responses!

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

                      S 1 Reply Last reply Reply Quote 0
                      • A Offline
                        Achilles @sdetweil
                        last edited by

                        @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
                        • 2 / 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