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.

    Trafficmaps

    Scheduled Pinned Locked Moved Development
    63 Posts 11 Posters 75.1k Views 12 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.
    • A Offline
      alexyak @tyho
      last edited by alexyak

      @tyho

      Here’s a basic module traffic map module to display a static map with a route and traffic based on bing api’s:

      'use strict';
      
      Module.register('maproute',{
      	
      	defaults: {
              key: "your_bing_map_key",
              start: "Morganville, NJ",
              end: "New York, NY",
      	},
      	
      	start: function() {
      		Log.info('Starting module: ' + this.name);
      	},
      
              // Override dom generator.
      	getDom: function() {
      		var wrapper = document.createElement("img");
                      wrapper.style = "position:center; width:600px; height:600px;";
                      wrapper.src = "http://dev.virtualearth.net/REST/V1/Imagery/Map/Road/Routes?wp.0=" + this.config.start + ";46&wp.1=" + this.config.end + ";46&mapLayer=TrafficFlow&TravelMode=Driving&mapSize=600,600&key=" + this.config.key;
      		return wrapper;
      	}
      
      });
      

      Unfortunately there’s no way to change the style of the map on bing (black and white). You can get your map key from here:

      https://www.bingmapsportal.com/

      Thanks… Alex

      T 1 Reply Last reply Reply Quote 1
      • T Offline
        tyho @alexyak
        last edited by

        @alexyak Thnx for the module! I will try it when i am home :)

        1 Reply Last reply Reply Quote 0
        • W Offline
          wscheer
          last edited by

          @tyho @alexyak

          Wow guys thanks! I was a few steps behind tyho trying to get the google maps traffic option to work. I searched every few weeks for this and finally came upon this thread. I have a traffic map on my magic mirror now!!!

          For any super beginners (like myself) here are a few notes to add this to my magic mirror page.

          • Create a dir in your modules dir (ex: MagicMirror/modules/maproute/
          • Create a file called maproute.js (ex: MagicMirror/modules/maproute/maproute.js) This is where you copy in the code above that alexyak posted
          • Edit your config.js file to add the module to your page:
            I don’t think position and config are required but I stuck them in there and it works ok.
          {
                                module: 'maproute',
                                position: 'top_right',
                                config: {}
                          },
          
          

          Restart your pi or restart the magic mirror service and you should be all set!

          If I missed anything or anything is wrong, please let me know

          The map is cut off in my screenshot but I haven’t changed the sizing or anything yet.

          0_1473042805581_magicmirror-bingtraffic.jpg

          S 1 Reply Last reply Reply Quote 2
          • S Offline
            shgmongohh @wscheer
            last edited by

            @wscheer

            Thanks for the little tutorial!
            Could you please explain, with which module do you calculating the current time to your work and mom?

            Sebastian

            strawberry 3.141S 1 Reply Last reply Reply Quote 0
            • strawberry 3.141S Offline
              strawberry 3.141 Project Sponsor Module Developer @shgmongohh
              last edited by

              @shgmongohh [card:SamLewis0602/MMM-Traffic]

              Please create a github issue if you need help, so I can keep track

              N 1 Reply Last reply Reply Quote 1
              • N Offline
                Notumlord @strawberry 3.141
                last edited by

                @strawberry-3.141 said in Trafficmaps:

                @shgmongohh [card:SamLewis0602/MMM-Traffic]

                Hijacking this thread since i cant find one specific for MMM-Traffic.

                I can only get the “driving” mode to work with MMM-Traffic, if i anything else it’s stuck on Loading Commute.
                Anyone else have this issue?

                strawberry 3.141S MitchfarinoM 2 Replies Last reply Reply Quote 0
                • strawberry 3.141S Offline
                  strawberry 3.141 Project Sponsor Module Developer @Notumlord
                  last edited by

                  @Notumlord if the author is not registered in this forum, then the best way would be to open an issue on github https://github.com/SamLewis0602/MMM-Traffic/issues

                  Please create a github issue if you need help, so I can keep track

                  1 Reply Last reply Reply Quote 0
                  • MitchfarinoM Offline
                    Mitchfarino Module Developer @Notumlord
                    last edited by

                    @Notumlord @strawberry-3-141

                    I have these two working fine for me in my config

                    	{
                    		module: 'MMM-Traffic',
                    		position: 'bottom_right',
                    		classes: 'dimmed medium', //optional, default is 'bright medium', only applies to commute info not route_name
                    		config: {
                    			api_key: '',
                    			mode: 'bicycling',
                    			origin: 'my origin',
                    			destination: 'my destination',
                    			route_name: 'Home to Work',
                    			changeColor: true,
                    			showGreen: false,
                    			limitYellow: 5, //Greater than 5% of journey time due to traffic
                    			limitRed: 20, //Greater than 20% of journey time due to traffic
                    			traffic_model: 'pessimistic',
                    			interval: 120000 //2 minutes
                    		}
                    	},
                    	{
                    		module: 'MMM-Traffic',
                    		position: 'bottom_right',
                    		classes: 'dimmed medium', //optional, default is 'bright medium', only applies to commute info not route_name
                    		config: {
                    			api_key: '',
                    			mode: 'driving',
                    			origin: 'my origin',
                    			destination: 'my destination',
                    			route_name: 'Home to Work',
                    			changeColor: true,
                    			showGreen: false,
                    			limitYellow: 5, //Greater than 5% of journey time due to traffic
                    			limitRed: 20, //Greater than 20% of journey time due to traffic
                    			traffic_model: 'pessimistic',
                    			interval: 120000 //2 minutes
                    		}
                    	},
                    
                    N 1 Reply Last reply Reply Quote 0
                    • N Offline
                      Notumlord @Mitchfarino
                      last edited by

                      @Mitchfarino
                      Strange, do you use the exact same origin/destination for both modules or do you format them differently depending on the mode?

                      MitchfarinoM 1 Reply Last reply Reply Quote 0
                      • MitchfarinoM Offline
                        Mitchfarino Module Developer @Notumlord
                        last edited by

                        @Notumlord exactly the same origin and destination, using my postcode for home as the origin and postcode for work as the destination

                        If you want to share your sample config, I can put it in my mirror to see if it works

                        1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 4
                        • 5
                        • 6
                        • 7
                        • 4 / 7
                        • 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