Google Maps with traffic info

honzup

I think your url needs to be:

url: 'http://localhost:8080/modules/MMM-iFrameReload/Randstad.html',

That’s certainly how it works for me.

A great addition to the MagicMirror.

Leliekevertje

Hi Honzup,

Lost in lots of “try and error” situations but now I’m on the right path. Thanks it works great!

If anyone have any suggestions to make te screen gray in stead of the default colors from Google, I love to hear it!

bradyemerson

@Leliekevertje
Google Maps API provides styling capabilities: https://developers.google.com/maps/documentation/javascript/styling

There is a quite extensive collection of styles you can utilize here: https://snazzymaps.com/explore. Just copy the given JSON from snazzymaps into the styles parameter of GMaps API.

Leliekevertje

Thanks for all the help, I really appriciate this!

I could not get rid of the (in my opinion ugly) green color which marks highways (with no traffic) with the Google styling as mentioned in the reply of bradyemerson.

I’ve found another solution within the MM Forum so I’ve copy/pasted it. Don’t know if this code is properly correct but it works for me and maybe others can benefit from it.

In the module MMM-iFrameReload i’ve changed te line:
iframe.style = “border:0”

in:
iframe.style = “border:0;-webkit-filter: grayscale(100%);filter: grayscale(100%);”

GeekyTiki

Hello everyone, I’m wondering if anyone knows how I would be able to track the traffic on a specific road. Perhaps, between a point A and point B? I’m using the map, but it only displays the traffic data for major roads.

Any ideas would be greatly appreciated!