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

Scheduled Pinned Locked Moved Utilities
192 Posts 38 Posters 204.8k 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.
  • V Offline
    ViDiBi @karsten13
    last edited by ViDiBi Aug 22, 2020, 8:39 PM Aug 22, 2020, 8:39 PM

    @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
    • B Offline
      bhepler Module Developer
      last edited by Aug 24, 2020, 2:43 PM

      @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 Aug 24, 2020, 8:27 PM

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

        V 1 Reply Last reply Aug 24, 2020, 10:06 PM Reply Quote 0
        • V Offline
          ViDiBi @singhharry12
          last edited by Aug 24, 2020, 10:06 PM

          @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 Aug 26, 2020, 6:20 PM

            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

            B 1 Reply Last reply Aug 29, 2020, 4:02 PM Reply Quote 0
            • B Offline
              bhepler Module Developer @singhharry12
              last edited by bhepler Aug 29, 2020, 4:04 PM Aug 29, 2020, 4:02 PM

              @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 Oct 14, 2020, 1:38 PM Reply Quote 2
              • M Offline
                MajorC Project Sponsor @bhepler
                last edited by MajorC Oct 14, 2020, 1:38 PM Oct 14, 2020, 1:38 PM

                @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 Oct 14, 2020, 4:01 PM Reply Quote 0
                • C Offline
                  chassain 0 @MajorC
                  last edited by Oct 14, 2020, 4:01 PM

                  @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 Oct 14, 2020, 4:31 PM Oct 14, 2020, 4:30 PM

                    Thank you,

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

                    in the custom.css works very well.

                    1 Reply Last reply Reply Quote 1
                    • S Offline
                      Stoffbeuteluwe Project Sponsor
                      last edited by Oct 15, 2020, 10:27 AM

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

                      J 1 Reply Last reply Oct 15, 2020, 3:20 PM Reply Quote 0
                      • 1
                      • 2
                      • 5
                      • 6
                      • 7
                      • 8
                      • 9
                      • 19
                      • 20
                      • 7 / 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