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 so what exactly you’re trying to implement? What would be a use case here for the MM?

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

        @alexyak What i tried to create is a map view from my home to my work. With on this map the trafficjam/delay. (google can do with the red orange green lines and bing with the triangles). With this map i can see in the morning when i wake up, if i have to leave earlier because of traffic jam. This where my first thoughts for the module. (but with my ms frontpage experience i can’t get this working ^^)

        As a second thought i had in mind to use your voice module (or facial recgnition module) to switch between my map and that of my girlfriend. So another map is loaded.

        In the google static map that i already created there is no option to add a traffic layer.

        In both google maps and bing maps there are style options to make the map black and white for better display. and for example the traffic jam could be red displayed.

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