Re: MMM-GoogleMapsTraffic "breaks" mirror?

I understand this is a year old post - since I haven’t got an answer for my issue, reaching out to this group. I have below code and my map loads for 2 seconds and errors “ops something went wrong”

What am I doing wrong here? Help please!

{
		            module: "MMM-GoogleMapsTraffic",
		            position: "bottom_right",
			    config: {
					key: "I HAVE THIS",
					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"
		                    	    },
		                	 	 ]
		                    }
       		},

Hi Ralf

I am using MMM-GoogleTraffic and not able to successfully load the map on my mirror. please let me know if you found a solution to your issue.

Thanks
~R

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?