MMM-Globe

LukeCodewalker · Nov 19, 2016, 7:37 AM

@GinSeng
Thank you. I don’t really understand what you mean with fade. Do you want to have a fade between to images in the moment when a new picture was loaded? Or do you want to fade it over a longer time? Then you should try ‘natColor’ as the style property in your config for this module.

GinSeng · Nov 19, 2016, 9:19 AM

@LukeCodewalker
Yes i want to fade one picture over a longer time. Like an LED Fading on/off over a periodic time. But i managed to do it with a gif, i created.

Btw.: Here is a picture which i promised :) i used a custom picture. (It’s in the dark because the mirror isn’t complete by now and the monitor i use atm isn’t really the best :/

matt25 · Nov 22, 2016, 3:00 PM

Hi,

Have an issue with the module. Nothing display, only some lines…

I had a look at the code. The generated URL is correct, when I copy it into a browser I can see the picture:
http://rammb.cira.colostate.edu/ramsdis/online/images/latest/himawari-8/full_disk_ahi_true_color.jpg?1479826211800

Then had a look at wrapper and image objects (in getDom) and display their attributes, everything seems ok.

All other modules works fine on my raspberry. Any help would be welcome, thanks in advance.

By the way, my config:

{
    module: 'MMM-Globe',
    position: 'center',
    config: {
        style: 'geoColor',
        imageSize: 600,
        ownImagePath:'',
        updateInterval: 10*60*1000
    }
},

Thank a lot.

Matt

Note from admin: Please use Markdown on code snippets for easier reading!

GinSeng · Nov 22, 2016, 6:32 PM

@matt25

Hi Matt, try at position : ‘middle_center’ not only center.

matt25 · Nov 23, 2016, 9:19 AM

@GinSeng
Hi Ginseng, thanks for your help. Already tried different positions but no success:

{
    module: 'MMM-Globe',
    position: 'middle_center',
    config: {
        style: 'geoColor',
        imageSize: 600,
        ownImagePath:'',
        updateInterval: 10*60*1000
    }

Also tried the module locally on my macbook, but still the same problem… very weird!

(note that the ‘updateinterval’ is modified when posting the message)

Note from admin: Please use Markdown on code snippets for easier reading!

LukeCodewalker · Nov 23, 2016, 2:51 PM

@matt25 Puh. I don’t get what’s going wrong here. Could it be possible that there’s another module is having influence? Maybe you could show us your whole config file.

matt25 · Nov 23, 2016, 9:02 PM

@LukeCodewalker
That’s what I thought… I even removed all the modules but no success!
Here’s my last config file…

*/* Magic Mirror Config Sample
*
* By Michael Teeuw http://michaelteeuw.nl
* MIT Licensed.
*/

var config = {
	port: 8080,
	language: 'en',
	timeFormat: 24,
	units: 'metric',

	modules: [
		{
			module: 'alert',
		},
		{
			module: 'clock',
			position: 'top_left'
		},

		{
			module: 'newsfeed',
			position: 'bottom_bar',
			config: {
				feeds: [
					{
						title: "New York Times",
						url: "http://www.nytimes.com/services/xml/rss/nyt/HomePage.xml"
					}
				],
				showSourceTitle: true,
				showPublishDate: true
			}
		},

		{
			module: 'MMM-Globe',
			position: 'middle_center',
			config: {
				style: 'geoColor',
				imageSize: 200,
				ownImagePath:'',
				updateInterval: 10*60*1000
			}
		},

	]

};

/*************** DO NOT EDIT THE LINE BELOW ***************/
if (typeof module !== 'undefined') {module.exports = config;}*

Note from admin: Please use Markdown on code snippets for easier reading!

binderth · Dec 29, 2016, 8:16 AM

@LukeCodewalker said in MMM-Globe:

Hey guys,
here is a module for displaying live pictures of our planet on your mirror.
The pictures are taken from the Himawari-8 satellite.
It’s also possible to use custom pictures.

Thanks! Looks huge on my MagicMirror!
Did you come across a live pic feed of a different satellite? I’m thinking of one, which has Europe and not Asian Pacific in the center! ;) Would be great to have a switch, so it would show the live shadows of my Position.

greets,
Thomas.

lolobyte · Dec 29, 2016, 10:46 AM

@binderth

Hi,
i replacded the original links in the MMM-Globe.js for the image with this:

    start: function () {
            self = this;
            this.url = '';
            this.imageUrls = {
                    'natColor': 'http://oiswww.eumetsat.org/IPPS/html/latestImages/EUMETSAT_MSG_RGBNatColour_LowResolution.jpg',
                    'geoColor': 'http://oiswww.eumetsat.org/IPPS/html/latestImages/EUMETSAT_MSG_IR108Color_LowResolution.jpg',
                    'airMass': 'http://oiswww.eumetsat.org/IPPS/html/latestImages/EUMETSAT_MSG_RGBAirmass_LowResolution.jpg',
                    'fullBand': 'http://oiswww.eumetsat.org/IPPS/html/latestImages/EUMETSAT_MSG_MPE_LowResolution.png'
            }
            this.hiResImageUrls = {
                    'natColor': 'http://oiswww.eumetsat.org/IPPS/html/latestImages/EUMETSAT_MSG_RGBNatColour_LowResolution.jpg',
                    'geoColor': 'http://oiswww.eumetsat.org/IPPS/html/latestImages/EUMETSAT_MSG_IR108Color_LowResolution.jpg',
                    'airMass': 'http://oiswww.eumetsat.org/IPPS/html/latestImages/EUMETSAT_MSG_RGBAirmass_LowResolution.jpg',
                    'fullBand': 'http://oiswww.eumetsat.org/IPPS/html/latestImages/EUMETSAT_MSG_MPE_LowResolution.png'
            }

good luck

binderth · Dec 30, 2016, 2:26 PM

@lolobyte said in MMM-Globe:

EUMETSAT_MSG_MPE_LowResolution.png’

That’s great! I did this:

start: function () {
	self = this;
	this.url = '';
	this.imageUrls = {
		'natColor': 'http://rammb.cira.colostate.edu/ramsdis/online/images/latest/himawari-8/full_disk_ahi_natural_color.jpg',
		'geoColor': 'http://rammb.cira.colostate.edu/ramsdis/online/images/latest/himawari-8/full_disk_ahi_true_color.jpg',
		'airMass': 'http://rammb.cira.colostate.edu/ramsdis/online/images/latest/himawari-8/full_disk_ahi_rgb_airmass.jpg',
		'fullBand': 'http://rammb.cira.colostate.edu/ramsdis/online/images/latest/himawari-8/himawari-8_band_03_sector_02.gif',
		'europeDiscNat': 'http://oiswww.eumetsat.org/IPPS/html/latestImages/EUMETSAT_MSG_RGBNatColour_LowResolution.jpg',
		'europeDiscSnow': 'http://oiswww.eumetsat.org/IPPS/html/latestImages/EUMETSAT_MSG_RGBSolarDay_CentralEurope.jpg'
	}
	this.hiResImageUrls = {
		'natColor': 'http://rammb.cira.colostate.edu/ramsdis/online/images/latest_hi_res/himawari-8/full_disk_ahi_natural_color.jpg',
		'geoColor': 'http://rammb.cira.colostate.edu/ramsdis/online/images/latest_hi_res/himawari-8/full_disk_ahi_true_color.jpg',
		'airMass': 'http://rammb.cira.colostate.edu/ramsdis/online/images/latest_hi_res/himawari-8/full_disk_ahi_rgb_airmass.jpg',
		'fullBand': 'http://rammb.cira.colostate.edu/ramsdis/online/images/latest/himawari-8/himawari-8_band_03_sector_02.gif',
		'europeDiscNat': 'http://oiswww.eumetsat.org/IPPS/html/latestImages/EUMETSAT_MSG_RGBNatColour_LowResolution.jpg',
		'europePartSnow': 'http://oiswww.eumetsat.org/IPPS/html/latestImages/EUMETSAT_MSG_RGBSolarDay_CentralEurope.jpg'
	}
	console.log(this.imageUrls[this.config.style]);

So, you can choose from more Images.

europeDiscNat: natural Color Europe Picture
europeDiscSnow: snow!!! ;)

config.js

	{
		module: 'MMM-Globe',
		position: 'center',
		config: {
			style: 'europeDiscNat',
			imageSize: 600,
			ownImagePath:'',
			updateInterval: 10*60*1000
		}
	},

If I have a bit more time, I’d like to add the standard ones and make a pull request to choose from. There’s a list of (near) real-time images from EUMETSAT: http://oiswww.eumetsat.org/IPPS/html/latestImages.html