MagicMirror² v2.8.0 is available! For more information about this release, check out this topic.

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



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



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



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



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



  • @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…



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



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



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



  • @sdetweil Thank you for the timely responses!

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



  • @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!