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 : black screen by copying the code in config.js

    Scheduled Pinned Locked Moved Troubleshooting
    16 Posts 4 Posters 3.1k Views 4 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.
    • R Offline
      RIKKO14
      last edited by

      it’s the same problem… :

      ...
      						title: "Le Monde, Culture",
      						url: "https://www.lemonde.fr/culture/rss_full.xml"
      					},
      				],
      				showSourceTitle: true,
      				showPublishDate: true,
      				broadcastNewsFeeds: true,
      				broadcastNewsUpdates: true,
      			}
      		},
       {
                  module: 'MMM-GoogleMapsTraffic',
                  position: 'top_left',
                  config: {
                      key: 'AIzaSyBQnp-WYA1IdK9sZr0lfvrtUcQ5Qu02sNw',
                      lat: 49.182863,
                      lng: -0.370679,
                      height: '300px',
                      width: '300px'
                      styledMapType: "transparent",
                      disableDefaultUI: true,
                      backgroundColor: 'hsla(0, 0%, 0%, 0)',
                      markers: [
                          {
                              lat: 49.182863,
                              lng: -0.370679,
                              fillColor: '#9966ff'
                          },
                      ],
                  },
              },
      
      /*
              {
                  module: 'MMM-GoogleMapsTraffic',
                  position: 'top_left',
      ...
      

      2020-06-28-092405_1920x1080_scrot.png

      1 Reply Last reply Reply Quote 0
      • M Offline
        MadScientist
        last edited by

        @RIKKO14 said in MMM-GoogleMapsTraffic : black screen by copying the code in config.js:

        width: ‘300px’

        I think you missed a comma at the end of that line.

        1 Reply Last reply Reply Quote 0
        • R Offline
          RIKKO14
          last edited by

          modified, but still the same problem …

          				broadcastNewsFeeds: true,
          				broadcastNewsUpdates: true,
          			}
          		},
           {
                      module: 'MMM-GoogleMapsTraffic',
                      position: 'top_left',
                      config: {
                          key: 'AIzaSyBQnp-WYA1IdK9sZr0lfvrtUcQ5Qu02sNw',
                          lat: 49.182863,
                          lng: -0.370679,
                          height: '300px',
                          width: '300px',
                          styledMapType: "transparent",
                          disableDefaultUI: true,
                          backgroundColor: 'hsla(0, 0%, 0%, 0)',
                          markers: [
                              {
                                  lat: 49.182863,
                                  lng: -0.370679,
                                  fillColor: '#9966ff'
                              },
                          
             ]
          },
          
                  /*{
                      module: 'MMM-GoogleMapsTraffic',
                      position: 'top_left',
          

          ![0_1593336531621_2020-06-28-112809_1920x1080_scrot.png](Uploading 100%)

          S 1 Reply Last reply Reply Quote 0
          • S Offline
            sdetweil @RIKKO14
            last edited by

            @RIKKO14 https://forum.magicmirror.builders/topic/4231/how-to-add-modules-for-absolute-beginners?_=1593192855121
            take out the addtional stuff u added and read the above post and try again

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            S 1 Reply Last reply Reply Quote 0
            • S Offline
              sdetweil @sdetweil
              last edited by

              @RIKKO14 also, the GoogleMapsTraffic module has a bug, which I fixed, but th e author has not taken,

              you can use my repo instead of the original
              https://github.com/sdetweil/MMM-GoogleMapsTraffic

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              1 Reply Last reply Reply Quote 0
              • R Offline
                RIKKO14
                last edited by

                II have read the post : https://forum.magicmirror.builders/topic/4231/how-to-add-modules-for-absolute-beginners?_=1593192855121

                I don’t anderstand what you say : "take out the addtional stuff u added ", I added nothing…
                And I d’ont anderstand what is your “repo instead”,

                and this my config.js, I had already installed modules where I had encountered the problem of} and not}, but there everything seems good, I do not see the error … :

                S 1 Reply Last reply Reply Quote 0
                • R Offline
                  RIKKO14
                  last edited by

                  2020-06-28-150831_1080x1920_scrot.png

                  1 Reply Last reply Reply Quote 0
                  • S Offline
                    sdetweil @RIKKO14
                    last edited by

                    @RIKKO14 the last thing you said was

                    modified, but still the same problem …
                    
                    "take out the addtional stuff u added ", I added nothing…
                    

                    you added a new module definition (that is additional stuff)

                    repo, the site on github is a repository, repo for short

                    the original u are trying to use is
                    https://github.com/vicmora/MMM-GoogleMapsTraffic

                    mine is
                    https://github.com/sdetweil/MMM-GoogleMapsTraffic

                    note that the userids are different.

                    so, instead of git cloning vic’s repo, do that with mine (instead)

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    1 Reply Last reply Reply Quote 0
                    • R Offline
                      RIKKO14
                      last edited by

                      This post is deleted!
                      S 1 Reply Last reply Reply Quote 0
                      • S Offline
                        sdetweil @RIKKO14
                        last edited by

                        @RIKKO14 thats why I suggested the link on modules for beginners, you have too many braces {} and brackets []

                        just cutting and pasting what the author gives you is trouble if you don’t understand what ytou are supposed to do

                        module entries no not HAVE to have a trailing , (comma) UNLESS there are more entries after

                        and showing the module in that whole list is bad, cause people just copy… and boom you have TWO config entries and two module lists… not good…

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 1 / 2
                        • 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