• 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.
  • T Offline
    tbs86 @Mykle1
    last edited by Nov 30, 2018, 3:15 AM

    @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

    M 1 Reply Last reply Nov 30, 2018, 3:27 AM Reply Quote 0
    • 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
                      • 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