MagicMirror² v2.13.0 is available! For more information about this release, check out this topic.

(Solved) Need help loading iframe



  • Hello everyone,

    First off, the magicmirror project is my first experience with coding so complete noob here (but willing to learn).

    I’ve been able to setup MMM-GoogleMapsTraffic module but would like to replace it by an iframe of waze/livemaps. https://developers.google.com/waze/iframe/
    so i replace googleMapsTraffic module by this module https://github.com/alberttwong/MMM-iFrame

                    {
    			module: "MMM-iFrame",
    			position: "top-left",	// This can be any of the regions.
    			config: {
    				// See 'Configuration options' for more information.
    					url: ["https://embed.waze.com/fr/iframe?zoom=13&lat=48.6159324&lon=-1.9995349"],  // as many URLs you want or you can just ["ENTER IN URL"] if single URL.
    					updateInterval: 0.5 * 60 * 1000, // rotate URLs every 30 seconds
    					width: "100%", // Optional. Default: 100%
    					height: "300px" //Optional. Default: 100px
    			}
    		}
    	},
    

    when launching npm, i now have a syntax error message, did try to mess around like i did with previous module but can’t figure out what i did wrong.

    any help will be appreciated
    Thanks

    my mirror: https://photos.app.goo.gl/UJScmWhd87KozjRn1

    EDIT:

    after editing code by deleting one of the last bracket

    	{
    			module: "MMM-iFrame",
    			position: "top-left",	// This can be any of the regions.
    			config: {
    				// See 'Configuration options' for more information.
    						url: ["https://embed.waze.com/fr/iframe?zoom=13&lat=48.6159324&lon=-1.9995349"],  // as many URLs you want or you can just ["ENTER IN URL"] if single URL.
    						updateInterval: 0.5 * 60 * 1000, // rotate URLs every 30 seconds
    						width: "100%", // Optional. Default: 100%
    						height: "300px" //Optional. Default: 100px
    			}
    		},
    

    I do not have anymore syntax error now when launching npm but no visual of the map,
    Any idea?

    EDIT 2:

    Finally got it working by changing of iframe module, do use MMM-iFrameReload now and working great 🙂


  • Project Sponsor Module Developer

    @rohazon

    Kudos to you for solving your own issue.

    I have given you your very first upvote! 🙂


Log in to reply