• 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.

(Solved) Need help loading iframe

Scheduled Pinned Locked Moved Troubleshooting
2 Posts 2 Posters 1.3k Views 2 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.
  • R Offline
    rohazon
    last edited by rohazon May 2, 2018, 4:06 PM May 2, 2018, 9:34 AM

    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 :)

    M 1 Reply Last reply May 2, 2018, 11:43 PM Reply Quote 1
    • M Offline
      Mykle1 Project Sponsor Module Developer @rohazon
      last edited by May 2, 2018, 11:43 PM

      @rohazon

      Kudos to you for solving your own issue.

      I have given you your very first upvote! :-)

      Create a working config
      How to add modules

      1 Reply Last reply Reply Quote 0
      • 1 / 1
      1 / 1
      • First post
        1/2
        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