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

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

      Mykle1M 1 Reply Last reply Reply Quote 1
      • Mykle1M Offline
        Mykle1 Project Sponsor Module Developer @rohazon
        last edited by

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