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-RAIN-MAP (new: version 2.x)

    Scheduled Pinned Locked Moved Utilities
    192 Posts 38 Posters 278.2k Views 41 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.
    • karsten13K Offline
      karsten13 @bhepler
      last edited by

      @bhepler

      7f1425c3-cc31-41d3-9598-daa4d21fd75b-grafik.png

      or

      8fd0daf1-33d2-4c3f-aa00-c8a3f50e846b-grafik.png

      JalibuJ 1 Reply Last reply Reply Quote 2
      • JalibuJ Offline
        Jalibu Module Developer @karsten13
        last edited by

        @karsten13 thanks for your contribution. I saw your PR and will merge it soon.

        1 Reply Last reply Reply Quote 0
        • ViDiBiV Offline
          ViDiBi
          last edited by ViDiBi

          Hi @Jalibu!

          This module is really amazing! Thank you so much!

          Maybe you can help me with one issue: The map doesn’t center correctly on my Mirror… Have I done something wrong:

                  {
                      module: "MMM-RAIN-MAP",
                      position: "bottom_right",
                      config: {
                          animationSpeed: 600,
                          displayClockSymbol: false,
                          displayTime: true,
                          extraDelayLastFrame: 1000,
                          height: "420px",
                          lat: 50.31,
                          lon: 11.91,
                          map: "OSM",
                          markers: [
                              { lat: 50.31, lng: 11.91, color: "red" },
                          ],
                          onlyOnRain: false,
                          opacity: 0.65,
                          timeFormat: 24,
                          updateIntervalInSeconds: 300,
                          width: "420px",
                          zoom: 9,
                          zoomOutEach: 1,
                          zoomOutLevel: 3,
                      }
                  },
          

          Bild 1
          Bild 2

          Thank you very much :-)

          Victor

          1 Reply Last reply Reply Quote 0
          • karsten13K Offline
            karsten13
            last edited by

            @ViDiBi said in MMM-RAIN-MAP:

            lon: 11.91

            I think you have a typo in your config, lon: 11.91 should be lng: 11.91

            ViDiBiV 1 Reply Last reply Reply Quote 1
            • ViDiBiV Offline
              ViDiBi @karsten13
              last edited by ViDiBi

              @karsten13 said in MMM-RAIN-MAP:

              @ViDiBi said in MMM-RAIN-MAP:

              lon: 11.91

              I think you have a typo in your config, lon: 11.91 should be lng: 11.91

              That definitely was too easy!!! Thanks! I copied it from another module and didn’t see it :-)

              1 Reply Last reply Reply Quote 0
              • bheplerB Offline
                bhepler Module Developer
                last edited by

                @karsten13 - Dude, that was exactly what I was looking for. Thank you.
                radar.png

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

                  I think I’m too stupid to get an API key. Are there any instructions in German or can someone help me?

                  ViDiBiV 1 Reply Last reply Reply Quote 0
                  • ViDiBiV Offline
                    ViDiBi @singhharry12
                    last edited by

                    @singhharry12 said in MMM-RAIN-MAP:

                    I think I’m too stupid to get an API key. Are there any instructions in German or can someone help me?

                    Hi @singhharry12!

                    Für dieses Modul brauchst du keinen API Key, es sei denn du möchtest unbedingt GoogleMaps nutzen. Ich würde dir aber alleine wegen der Kosten empfehlen OpenStreetMaps zu nutzen. Das hier ist meine Config:

                    {
                                module: "MMM-RAIN-MAP",
                                position: "bottom_right",
                                config: {
                                    animationSpeed: 600,
                                    displayClockSymbol: false,
                                    displayTime: true,
                                    extraDelayLastFrame: 1000,
                                    height: "420px",
                                    lat: 50.31,
                                    lng: 11.91,
                                    map: "OSM",
                                    markers: [
                                        { lat: 50.31, lng: 11.91, color: "red" },
                                    ],
                                    onlyOnRain: false,
                                    opacity: 0.65,
                                    timeFormat: 24,
                                    updateIntervalInSeconds: 300,
                                    width: "420px",
                                    zoom: 9,
                                    zoomOutEach: 1,
                                    zoomOutLevel: 3,
                                }
                            },
                    

                    Solltest du aber unbedingt die Google Maps Karte nutzen wollen, musst du dir einen API Key bei Google erstellen und dieser kostet bei Zugriffen etwas… Wenn du das unbedingt willst, sag Bescheid und ich mache dir eine Anleitung auf deutsch :-)

                    BG

                    Victor

                    1 Reply Last reply Reply Quote 1
                    • S Offline
                      singhharry12
                      last edited by

                      Now if I could just get a dark theme going. I’m cool with the rain being in color, but it would be nice if I could figure out how to get the roads & state borders to only be outlines. 9apps cartoonhd.onl

                      bheplerB 1 Reply Last reply Reply Quote 0
                      • bheplerB Offline
                        bhepler Module Developer @singhharry12
                        last edited by bhepler

                        @singhharry12 - That’s exactly what I did. Add this line to your configuration: osmMapUrl: "https://cartodb-basemaps-{s}.global.ssl.fastly.net/dark_all/{z}/{x}/{y}.png"

                        Looks great (actual rain on rain map today!)
                        rainmap.png

                        M F 2 Replies Last reply Reply Quote 2
                        • M Offline
                          MajorC Project Sponsor @bhepler
                          last edited by MajorC

                          @bhepler is there a good way to set the opacity of the map?

                          @Jalibu Thank you for this awesome module!

                          C 1 Reply Last reply Reply Quote 0
                          • C Offline
                            chassain 0 @MajorC
                            last edited by

                            @MajorC

                            add maybe to custom.css

                            .MMM Rain-Map {
                            opacity: 0 //0 to 1
                            }

                            1 Reply Last reply Reply Quote 0
                            • M Offline
                              MajorC Project Sponsor
                              last edited by MajorC

                              Thank you,

                              .MMM-RAIN-MAP {
                                 opacity: 0.7;
                              }
                              

                              in the custom.css works very well.

                              1 Reply Last reply Reply Quote 1
                              • StoffbeuteluweS Offline
                                Stoffbeuteluwe Project Sponsor
                                last edited by

                                Hi, is there only weather history on openstreetmap or is it possible to see two hours forecast?

                                JalibuJ 1 Reply Last reply Reply Quote 0
                                • JalibuJ Offline
                                  Jalibu Module Developer @Stoffbeuteluwe
                                  last edited by Jalibu

                                  @Stoffbeuteluwe Unfortunately the data provider only provides a weather history and no forecast :-/

                                  1 Reply Last reply Reply Quote 0
                                  • JalibuJ Offline
                                    Jalibu Module Developer
                                    last edited by

                                    Hello everyone,

                                    does the module still work for all of you? I’m facing loading problems for about 2 days now, but I haven’t had the time to take a closer look at the cause yet.

                                    Please give me feedback.

                                    C FoziF 2 Replies Last reply Reply Quote 0
                                    • C Offline
                                      chassain 0 @Jalibu
                                      last edited by

                                      @Jalibu same here with module mmm pages…but the module is running alone…So, with mmm pages, take this module in first page…waiting a solution

                                      1 Reply Last reply Reply Quote 0
                                      • FoziF Offline
                                        Fozi Project Sponsor @Jalibu
                                        last edited by

                                        @Jalibu the module is still running fine. No problems whatsoever.

                                        HowTo: Replace PIR Sensor with a RCWL-0516 Microwave Sensor

                                        1 Reply Last reply Reply Quote 1
                                        • nitewing76N Offline
                                          nitewing76
                                          last edited by

                                          How do I center the map in the middle of a region? The header is centered, but not the map. (not referring to the marker within the map, but the map itself)

                                          nitewing76N 1 Reply Last reply Reply Quote 0
                                          • nitewing76N Offline
                                            nitewing76 @nitewing76
                                            last edited by

                                            ^^^ works by adding:

                                            		app.style.margin = "0 auto";
                                            

                                            at line 91 of util.js.

                                            1 Reply Last reply Reply Quote 0

                                            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                            With your input, this post could be even better 💗

                                            Register Login
                                            • 1
                                            • 2
                                            • 3
                                            • 4
                                            • 5
                                            • 6
                                            • 9
                                            • 10
                                            • 4 / 10
                                            • 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