MMM-RAIN-MAP (new: version 2.x)

[MajorC]

@karsten13 said in MMM-RAIN-MAP (new: version 2.x):

mapUrl: “https://tiles.wmflabs.org/bw-mapnik/{z}/{x}/{y}.png”,

Thank you. I will go now with:

mapUrl: "https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png",

I think, this one is even more “lighter”.

[earnestrichards]

@Jalibu I love the new module… got it going just in time to track Tropical Storm Nicholas

[earnestrichards]

@earnestrichards

[lishmalinyjames]

Displays Rainviewer.com radar layers on OpenStreetMap
Every 10 minutes a new weather snapshot is published
The snapshots of the last 2 hours are available, which show the weather events of the past
Additionally 3 layers are displayed as forecast of the next 30 minutes
Option to place multiple markers on map
Option for multiple, alternating map positions
Option to only show in current rainy weather conditions. Works only together with weather or MMM-OpenWeatherForecast as dependency.
Option to hide other modules in case of rain in favor to get more space.

[gabrielm9]

Thanks @Jalibu for a fantastic module!

Last year I modified the v1 code to change the color of the radar images to RainViewer color 4. My wife associates blue with snow, not rain, hence the preference for the Weather Channel scheme.

I accomplished this by modifying 2 instances of the URL in utils.js, consistent with the API documentation. Where I found “/256/{z}/{x}/{y}/2/1_1.png” in the code, I simply changed it to “/256/{z}/{x}/{y}/4/1_1.png”, with the 4 being the preferred radar color.

I’m unable to do the same in version 2.x. I found the URL in Client.ts, but modifying it had no effect on the output.

I’m happy to file an enhancement request if that’s the best route. I’m skilled enough to do find and replace in code, but I’m not a JS dev!

Thanks!

[Jalibu]

Hi @gabrielm9 ,
contribution is always welcome :-)

You have to compile the Typescript sources using npm run build.

Let me know, if you have problems. I‘m waiting for your PR

[Jalibu]

Hi @gabrielm9,

the latest version 2.5.x supports different color schemes now.

[swvalenti]

Outstanding work fellas

[gabrielm9]

Hi @jalibu,

Thanks very much! I was about to spend time figuring it out how to variabalize the code but I’ve learned from what you did. I would have taken me a week to figure it out :slightly_smiling_face:. The wife thanks you as well.

[fmarcu]

@bhepler

osmMapUrl: "https://cartodb-basemaps-{s}.global.ssl.fastly.net/dark_all/{z}/{x}/{y}.png"

I’m using the dark map referenced above on a black background but every time the module changes zoom level it fills with a white background until the new map tiles populate. It’s worst when zooming out,
Does anyone know if it there is a parameter I can change so the blank tiles between zoom levels stay black?

This is a minor annoyance with an otherwise great module.
Thank you!

[Jalibu]

@fmarcu said in MMM-RAIN-MAP (new: version 2.x):

Does anyone know if it there is a parameter I can change so the blank tiles between zoom levels stay black?

try to add this to your custom.css

.MMM-RAIN-MAP .leaflet-container {
  background: #000;
}

[fmarcu]

@jalibu said in MMM-RAIN-MAP (new: version 2.x):

try to add this to your custom.css

.MMM-RAIN-MAP .leaflet-container {
  background: #000;
}

That worked! Thank you!

[karsten13]

@jalibu

this is the current rain situation and I don’t understand the differences, first picture your module, second one https://www.wetteronline.de/regenradar .

And the second one is reality …

[Jalibu]

@karsten13 Unfortunately, I can’t tell you that. I am only responsible for the display layer, not for the weather data :-)
The radar layers come from the Rainviewer API, which I have actually had quite good experiences with in the past.
Is it the usual case on your mirror that the displayed radar images do not match the reality?

What I can see is that RegenRadar.de and RainViewer have different scales. With RainViewer it needs a much higher degree of cloudiness to be displayed on the map.

[karsten13]

@jalibu

Unfortunately, I can’t tell you that. I am only responsible for the display layer, not for the weather data 🙂

I’m aware of this …

Is it the usual case on your mirror that the displayed radar images do not match the reality?

saw such differences this week the first time

What I can see is that RegenRadar.de and RainViewer have different scales. With RainViewer it needs a much higher degree of cloudiness to be displayed on the map.

will oberve this but the differences are heavy and AFAIS not only explainable with the different scales. Meanwhile I was already asking myself if the rain layer is showing a total different location …

[Jalibu]

@karsten13 let me know your findings

[Jalibu]

A few days ago, Openstreepmap obviously made some changes with their tile servers. They seem to block requests now, when the requests come from Electron applications. This is the case in most MagicMirror installations. As a consequence, MMM-RAIN-MAP does not show map tiles anymore.
I suspect, that also other modules are effected.
One possible fix is using another tile server for MMM-RAIN-MAP. One that still works at the moment, is the German fork “https://a.tile.openstreetmap.de/${z}/${x}/${y}.png”.
I will adjust the module soon, to use this tile server as a default.
You can also change the tile server by setting this property in the module config:

{
  mapUrl: "https://a.tile.openstreetmap.de/${z}/${x}/${y}.png"
}

[trlynch]

@jalibu
Woohoo!!
Thank you for posting this change. I was going nuts trying to figure out why my radar map became a white background.

Bummer the .org site is blocking connections.

I’m curious, is there a way to make the radar images more transparent? Here in Ohio we get a lot of deep greens and blues so they hide the map entirely.

[Jalibu]

the german tileserver fork is default now

[pminich]

@Jalibu I am getting a message that MMM-RAIN-MAP is 2 commits behind but I can’t see to update it. I have run NPM Update from inside the directory to no result. Is there a different process?

Thanks