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

[ramyasadagopan]

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?

[Zorganon]

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

[Achilles]

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…

[sdetweil]

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)

[Achilles]

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

[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

[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

[sdetweil]

@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

[Achilles]

@sdetweil Thank you for the timely responses!

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

[Achilles]

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

[sdetweil]

also, i made a mistake yesterday… i fixed the code, but forgot to push it up to my repo…

so, if u have my repo in use, just go to the MMM-GoogleMapsTraffic folder and git pull

sorry.

[sdetweil]

@Achilles cool… glad its working