MMM-GoogleMapsTraffic

Mykle1

This is your current config entry

var config = {
modules: [
    {
        module: 'MMM-GoogleMapsTraffic',
        position: 'bottom_left',
        config: {
            key: 'YOUR_KEY',
            lat: 37.8262306,
            lng: -122.2920096,
            height: '300px',
            width: '300px'
            styledMapType: "transparent",
            disableDefaultUI: true,
            backgroundColor: 'hsla(0, 0%, 0%, 0)',
            markers: [
                {
                    lat: 37.8262316,
                    lng: -122.2920196,
                    fillColor: '#9966ff'
                },
            ],
        },
    }
]

Make it look like this or copy and paste

    {
        module: 'MMM-GoogleMapsTraffic',
        position: 'bottom_left',
        config: {
            key: 'YOUR_KEY',
            lat: 37.8262306,
            lng: -122.2920096,
            height: '300px',
            width: '300px'
            styledMapType: "transparent",
            disableDefaultUI: true,
            backgroundColor: 'hsla(0, 0%, 0%, 0)',
            markers: [
                {
                    lat: 37.8262316,
                    lng: -122.2920196,
                    fillColor: '#9966ff'
                },
            ],
        },

Props to @evroom

tbs86

@mykle1 said in MMM-GoogleMapsTraffic:

{
    module: 'MMM-GoogleMapsTraffic',
    position: 'bottom_left',
    config: {
        key: 'YOUR_KEY',
        lat: 37.8262306,
        lng: -122.2920096,
        height: '300px',
        width: '300px'
        styledMapType: "transparent",
        disableDefaultUI: true,
        backgroundColor: 'hsla(0, 0%, 0%, 0)',
        markers: [
            {
                lat: 37.8262316,
                lng: -122.2920196,
                fillColor: '#9966ff'
            },
        ],
    },

still getting a error

Mykle1

@tbs86

Sorry about that. I just checked it. Try this please. There was a comma missing after width: '300px', and no comma after the closing } Not your fault. The example in the readme is incorrect

{
    module: 'MMM-GoogleMapsTraffic',
    position: 'bottom_left',
    config: {
        key: 'YOUR_KEY',
        lat: 37.8262306,
        lng: -122.2920096,
        height: '300px',
        width: '300px',
        styledMapType: "transparent",
        disableDefaultUI: true,
        backgroundColor: 'hsla(0, 0%, 0%, 0)',
        markers: [
            {
                lat: 37.8262316,
                lng: -122.2920196,
                fillColor: '#9966ff'
            },
        ],
    }
  },

tbs86

@mykle1

this worked thank you!!

Mykle1

@tbs86

You’re welcome, mate. :thumbsup:

rvanuden

it all seems to be working but googlemaps can not be loaded, i used a new key though

any ideas?

rvanuden

@rvanuden anyone?

mcneilp

@rvanuden I have the same problem. Did you find a solution?

sdetweil

there is a problem with the original module… I have a fixed version
here https://github.com/sdetweil/MMM-GoogleMapsTraffic

Do this

cd ~/MagicMirror/modules
mv  MMM-GoogleMapsTraffic  MMM-GoogleMapsTraffic.original
git clone https://github.com/sdetweil/MMM-GoogleMapsTraffic
cd MMM-GoogleMapsTraffic
npm install

then restart the mirror app

Chris

@sdetweil said in MMM-GoogleMapsTraffic:

there is a problem with the original module… I have a fixed version
here https://github.com/sdetweil/MMM-GoogleMapsTraffic

Do this
cd ~/MagicMirror/modules
mv  MMM-GoogleMapsTraffic  MMM-GoogleMapsTraffic.original
git clone https://github.com/sdetweil/MMM-GoogleMapsTraffic
cd MMM-GoogleMapsTraffic
npm install
then restart the mirror app

Hello,
Thank you so much,

Regards,