17 Developer Resources from August 2022

Summer is almost over and fall is just around the corner. Take a look at some of our favorite resources from August and discover what our developer advocates and location experts were up to, to help you make the most of location tech in your apps and beyond!

Summer is almost over and fall is just around the corner. Take a look at some of our favorite resources from August and discover what our developer advocates and location experts were up to, to help you make the most of location tech in your apps and beyond.

TomTom Developer Blogs

Building a Responsive Location Search Component with Angular

As websites get bigger and bigger, it’s almost impossible to find one without search functionality. There are two forms of searches: responsive and passive. Responsive search brings a lot of value to the table, including providing a better experience for users who only remember part of what they’re looking for and a faster experience for users searching long strings of text. In this article, we create a responsive location search component in Angular using TomTom’s Map Display API and Search API. Here’s a link to the completed project code.

Find the Quickest Way Through Complicated Routes with TomTom

With the TomTom Waypoint Optimization API, planning complicated routes doesn’t have to be a major ordeal. We can easily find the most efficient order of stops to make between multiple locations while accounting for factors like traffic, means of travel, and vehicle load. This makes it easier for end users to plan their routes in advance — which is crucial in the transport industry. In this tutorial, we build a simple React.js app that uses the TomTom Waypoint Optimization API alongside the TomTom Routing API to find the fastest, most efficient sequence of stops for a route that contains several destinations.

Displaying TomTom Maps with DevExpress

You may have heard of or used user interface (UI) component libraries if you work with client-side frameworks like React, Vue, or Angular. DevExpress offers a suite of JavaScript UI components for frameworks like React, Vue, and Angular, called DevExtreme, for use in web and mobile applications. DevExtreme gives developers pre-built components, widgets, and controls that we can use to add new features to our applications. This tutorial looks at how to include a TomTom map in a React app built using the DevExtreme UI Components library.

An Introduction to the New TomTom Navigation SDK

The new Navigation SDK is a powerful and feature-rich tool provided as a set of lightweight modules that allows developers to quickly integrate the parts we need into their applications. This means that we can readily add features like map visualization, location handling, and driver guidance into our applications without hassle. In this article, we’ll explore the Navigation SDK, its core features, and the advantages of its modular design.

YouTube Tutorials

Satellite View with the TomTom Maps APIs

Want to learn how to add satellite view to your maps? Check out this tutorial from our dev advocate Jose Jose Rojas.

Build a Navigation App Using the TomTom Nav SDK

We have been waiting for this moment for a long time. Meet the TomTom Navigation SDK! Learn how to build a navigation application with the power of TomTom!

Developer Forum

If you have any questions or roadblocks while building with our Maps APIs, you can always stop by our Developer Forum or our subreddit r/TomTom to get help from us and the community. Here are some popular posts from this month:

• Getting a Line Layer ID by Clicking on it
• Switch Map Layout to Satellite
• Traffic:true Causes no Route to be Returned

External Resources

These were some of our favorite external articles and videos from the larger developer community this month:

• Environment Management In Node.js
• 7 Tips for Clean React TypeScript Code you Must Know
• How I Easily Code For 8+ Hours Without Feeling Tired -My Productivity System
• The Choice: Python or JavaScript
• 5 Good Practices to Scale your React Projects Easily
• Here's what every React Developer needs to know about TypeScript - Part 1
• Awesome Tools for Web Developers - Part 1
• 7 Laws for Self-Improvement as a Developer

Stay Connected

Do you have a tutorial, article, or project you’d like to share with the TomTom Developers community to be featured in an upcoming monthly roundup? Reach out to us at developeradvocacy@groups.tomtom.com and let us know!

We hope there’s something in here to get you inspired for your next project! Make sure to follow us on Twitter and YouTube to see what’s coming up in September.