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 218.7k 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 Online
      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
                        • 1
                        • 2
                        • 3
                        • 4
                        • 5
                        • 6
                        • 7
                        • 8
                        • 19
                        • 20
                        • 6 / 20
                        • 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