• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

MMM-GoogleMapsTraffic

Scheduled Pinned Locked Moved Transport
87 Posts 27 Posters 65.6k Views 28 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • M Offline
    Mykle1 Project Sponsor Module Developer @tbs86
    last edited by Mykle1 Nov 30, 2018, 3:34 AM Nov 30, 2018, 3:27 AM

    @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'
                },
            ],
        }
      },
    

    Create a working config
    How to add modules

    T 1 Reply Last reply Dec 1, 2018, 3:25 AM Reply Quote 1
    • T Offline
      tbs86 @Mykle1
      last edited by Dec 1, 2018, 3:25 AM

      @mykle1

      this worked thank you!!

      M 1 Reply Last reply Dec 1, 2018, 3:26 AM Reply Quote 0
      • M Offline
        Mykle1 Project Sponsor Module Developer @tbs86
        last edited by Dec 1, 2018, 3:26 AM

        @tbs86

        You’re welcome, mate. :thumbsup:

        Create a working config
        How to add modules

        1 Reply Last reply Reply Quote 0
        • R Offline
          rvanuden
          last edited by Jun 10, 2019, 7:40 AM

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

          any ideas?

          0_1560152399610_maps.PNG

          R 1 Reply Last reply Jun 16, 2019, 3:58 PM Reply Quote 0
          • R Offline
            rvanuden @rvanuden
            last edited by Jun 16, 2019, 3:58 PM

            @rvanuden anyone?

            M 1 Reply Last reply Jan 22, 2020, 5:15 PM Reply Quote 0
            • M Offline
              mcneilp @rvanuden
              last edited by Jan 22, 2020, 5:15 PM

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

              1 Reply Last reply Reply Quote 0
              • S Offline
                sdetweil
                last edited by sdetweil Jan 22, 2020, 8:39 PM Jan 22, 2020, 5:24 PM

                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

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                C 1 Reply Last reply Jan 23, 2020, 5:04 PM Reply Quote 3
                • C Offline
                  Chris @sdetweil
                  last edited by Jan 23, 2020, 5:04 PM

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

                  1 Reply Last reply Reply Quote 0
                  • M Offline
                    mcneilp
                    last edited by Jan 23, 2020, 5:48 PM

                    I got it working. I did the above…plus I was using the wrong bit of text for my API key…and had to “setup billing” on my api account apparently to allow it to work.

                    S 1 Reply Last reply Jan 23, 2020, 5:57 PM Reply Quote 0
                    • S Offline
                      sdetweil @mcneilp
                      last edited by Jan 23, 2020, 5:57 PM

                      @mcneilp thanks for the feedback… sad how many of the apis want to charge…

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      1 Reply Last reply Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 4
                      • 5
                      • 6
                      • 7
                      • 8
                      • 9
                      • 6 / 9
                      • First post
                        Last post
                      Enjoying MagicMirror? Please consider a donation!
                      MagicMirror created by Michael Teeuw.
                      Forum managed by Sam, technical setup by Karsten.
                      This forum is using NodeBB as its core | Contributors
                      Contact | Privacy Policy