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.
    • BKeyportB Offline
      BKeyport Module Developer
      last edited by

      They included too much in their config sample. If you have a backup of your old config, back out and redo it, with this sample instead.

        {
                  module: 'MMM-GoogleMapsTraffic',
                  position: 'top_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'
                          },
                      ],
                  },
              },
      

      The "E" in "Javascript" stands for "Easy"

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