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 74.1k 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.
    • T Offline
      tbs86 @Mykle1
      last edited by

      @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

      Mykle1M 1 Reply Last reply Reply Quote 0
      • Mykle1M Offline
        Mykle1 Project Sponsor Module Developer @tbs86
        last edited by 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'
                    },
                ],
            }
          },
        

        Create a working config
        How to add modules

        T 1 Reply Last reply Reply Quote 1
        • T Offline
          tbs86 @Mykle1
          last edited by

          @mykle1

          this worked thank you!!

          Mykle1M 1 Reply Last reply Reply Quote 0
          • Mykle1M Offline
            Mykle1 Project Sponsor Module Developer @tbs86
            last edited by

            @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

              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 Reply Quote 0
              • R Offline
                rvanuden @rvanuden
                last edited by

                @rvanuden anyone?

                M 1 Reply Last reply Reply Quote 0
                • M Offline
                  mcneilp @rvanuden
                  last edited by

                  @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

                    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

                    ChrisC 1 Reply Last reply Reply Quote 3
                    • ChrisC Offline
                      Chris @sdetweil
                      last edited by

                      @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

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