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

      @tyho alright, now I understand your requirements… I can’t promise, but will try to have a look at this over a few coming days.

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

        @alexyak that would be awesome. I guess there will be much interest for a module like this looking on the topic views ^^

        A 1 Reply Last reply Reply Quote 0
        • 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
                        • 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