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

Changing MMM-Traffic into using TomTom API

Scheduled Pinned Locked Moved Development
17 Posts 2 Posters 3.2k 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
    rxlDavid
    last edited by rxlDavid Sep 19, 2021, 3:18 PM Sep 19, 2021, 2:34 PM

    Hi Guys,
    Since the Mapbox API is very inaccurate in my region, I want to use the TomTom API.
    I am completely new to developing modules, so I am trying to change an existing one.
    I tried it with this one: MMM-Traffic

    The first thing I change is the API Link, for the first tests, I removed the vars from the Link and replaced them with a static API request.
    Another thing I changed was the

    self.duration = Math.round(json.routes[0].duration / 60);
    

    into:

    self.duration = Math.round(json.routes[0].travelTimeInSeconds / 60);
    

    I uploaded an extinct of the API Return here

    But after the changes, the Modules just shows its “Loading” Phrase, so I guess I missed something.

    I would appreciate any type of help and I will provide further information if needed :)

    S 1 Reply Last reply Sep 19, 2021, 2:51 PM Reply Quote 0
    • S Away
      sdetweil @rxlDavid
      last edited by Sep 19, 2021, 2:51 PM

      @rxldavid the data is not the same from the two apis…

      so, you either have to change EVERYTHING that touches the data OR, after receiving change the layout to match the old format.

      json is pretty nice to work with …

      use the validator here https://codebeautify.org/jsonvalidator?/jsonvalidate
      click the top left button and it will format the data in a nice readable format

      loading… is the initial message, til the actual data arrives…
      so, the data didn’t arrive

      I assume that the request for the data is done in the node_helper

      u can write messages to the console and see them in the window where u start MM

      during development, use npm start >somefile.txt

      and then u can see all the messages in somefile.txt

      I use ssh connection to pi, so I can edit on my desktop
      when using windows desktop i use bitvise ssh client or winscp
      as they provide a networked disk page like file explorer so I can just doubleclick to edit,

      when using linux, most of the file browsers will allow access to ssh connected systems the same way…

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      R 1 Reply Last reply Sep 19, 2021, 3:09 PM Reply Quote 0
      • R Offline
        rxlDavid @sdetweil
        last edited by rxlDavid Sep 19, 2021, 3:10 PM Sep 19, 2021, 3:09 PM

        @sdetweil
        hi,
        I changed the API Return, there is an option to get it back in JSON.
        What do you mean with write message to the console? & where/when should I execute “npm start >somefile.txt”

        S 3 Replies Last reply Sep 19, 2021, 3:10 PM Reply Quote 0
        • S Away
          sdetweil @rxlDavid
          last edited by Sep 19, 2021, 3:10 PM

          @rxldavid

          write message to console
          console,log(“some message”+variable+…)

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          1 Reply Last reply Reply Quote 0
          • S Away
            sdetweil @rxlDavid
            last edited by Sep 19, 2021, 3:12 PM

            @rxldavid u probably use pm2, so

            pm2 stop all
            

            then

            cd ~/MagicMirror
            

            then u can

            npm start >somefile.txt
            

            ctrl-c to end

            repeat til working

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            1 Reply Last reply Reply Quote 0
            • S Away
              sdetweil @rxlDavid
              last edited by Sep 19, 2021, 3:14 PM

              @rxldavid the json data u posted is not valid… something is missing after the trailing comma

              Sam

              How to add modules

              learning how to use browser developers window for css changes

              R 1 Reply Last reply Sep 19, 2021, 3:17 PM Reply Quote 0
              • R Offline
                rxlDavid @sdetweil
                last edited by Sep 19, 2021, 3:17 PM

                @sdetweil
                I know, it was just an extinct, since it used private Data,
                I updated it to the full return with random Data

                S 1 Reply Last reply Sep 19, 2021, 3:20 PM Reply Quote 0
                • S Away
                  sdetweil @rxlDavid
                  last edited by Sep 19, 2021, 3:20 PM

                  @rxldavid if u put it thru the formatter

                  {
                    "formatVersion": "0.0.12",
                    "routes": [
                      {
                        "summary": {
                          "lengthInMeters": 1147,
                          "travelTimeInSeconds": 140,
                          "trafficDelayInSeconds": 0,
                          "trafficLengthInMeters": 0,
                          "departureTime": "2021-09-19T17:16:54+02:00",
                          "arrivalTime": "2021-09-19T17:19:14+02:00"
                        },
                        "legs": [
                          {
                            "summary": {
                              "lengthInMeters": 1147,
                              "travelTimeInSeconds": 140,
                              "trafficDelayInSeconds": 0,
                              "trafficLengthInMeters": 0,
                              "departureTime": "2021-09-19T17:16:54+02:00",
                              "arrivalTime": "2021-09-19T17:19:14+02:00"
                            },
                            "points": [
                              {
                                "latitude": 52.5093,
                                "longitude": 13.42937
                              },
                              {
                                "latitude": 52.50904,
                                "longitude": 13.42913
                              },
                              {
                                "latitude": 52.50895,
                                "longitude": 13.42904
                              },
                              {
                                "latitude": 52.50868,
                                "longitude": 13.4288
                              },
                              {
                                "latitude": 52.5084,
                                "longitude": 13.42857
                              },
                              {
                                "latitude": 52.50816,
                                "longitude": 13.42839
                              },
                              {
                                "latitude": 52.50791,
                                "longitude": 13.42825
                              },
                              {
                                "latitude": 52.50757,
                                "longitude": 13.42772
                              },
                              {
                                "latitude": 52.50752,
                                "longitude": 13.42785
                              },
                              {
                                "latitude": 52.50742,
                                "longitude": 13.42809
                              },
                              {
                                "latitude": 52.50735,
                                "longitude": 13.42824
                              },
                              {
                                "latitude": 52.5073,
                                "longitude": 13.42837
                              },
                              {
                                "latitude": 52.50696,
                                "longitude": 13.4291
                              },
                              {
                                "latitude": 52.50673,
                                "longitude": 13.42961
                              },
                              {
                                "latitude": 52.50619,
                                "longitude": 13.43092
                              },
                              {
                                "latitude": 52.50608,
                                "longitude": 13.43116
                              },
                              {
                                "latitude": 52.50574,
                                "longitude": 13.43195
                              },
                              {
                                "latitude": 52.50564,
                                "longitude": 13.43218
                              },
                              {
                                "latitude": 52.50528,
                                "longitude": 13.43299
                              },
                              {
                                "latitude": 52.50513,
                                "longitude": 13.43336
                              },
                              {
                                "latitude": 52.505,
                                "longitude": 13.43366
                              },
                              {
                                "latitude": 52.50464,
                                "longitude": 13.43451
                              },
                              {
                                "latitude": 52.50451,
                                "longitude": 13.43482
                              },
                              {
                                "latitude": 52.50444,
                                "longitude": 13.43499
                              },
                              {
                                "latitude": 52.50418,
                                "longitude": 13.43564
                              },
                              {
                                "latitude": 52.50364,
                                "longitude": 13.4369
                              },
                              {
                                "latitude": 52.50343,
                                "longitude": 13.43738
                              },
                              {
                                "latitude": 52.5033,
                                "longitude": 13.43767
                              },
                              {
                                "latitude": 52.50275,
                                "longitude": 13.43873
                              }
                            ]
                          }
                        ],
                        "sections": [
                          {
                            "startPointIndex": 0,
                            "endPointIndex": 28,
                            "sectionType": "TRAVEL_MODE",
                            "travelMode": "car"
                          }
                        ]
                      }
                    ]
                  }
                  

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  R 1 Reply Last reply Sep 19, 2021, 3:24 PM Reply Quote 0
                  • R Offline
                    rxlDavid @sdetweil
                    last edited by Sep 19, 2021, 3:24 PM

                    @sdetweil
                    this is also the view Tomtom provided me.
                    but I don’t get what I need to change.
                    right now I got the following error in the console:
                    [19.09.2021 17:22.10.688] [ERROR] Failed to fetch git data for MMM-Traffic: Erro r: block timeout reached

                    S 1 Reply Last reply Sep 19, 2021, 3:29 PM Reply Quote 0
                    • S Away
                      sdetweil @rxlDavid
                      last edited by Sep 19, 2021, 3:29 PM

                      @rxldavid that is from the updateNotifcation module which has a bug … fixed in next release

                      after u got the data, then what did u do?

                      Sam

                      How to add modules

                      learning how to use browser developers window for css changes

                      R 1 Reply Last reply Sep 19, 2021, 3:32 PM Reply Quote 0
                      • 1
                      • 2
                      • 1 / 2
                      1 / 2
                      • First post
                        6/17
                        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