We’ll explore how to add TomTom web maps to a sample React application using Hooks and function components.

Mapping and location-based apps are exploding in popularity. It’s challenging to think of modern web apps and sites that don’t use maps somehow. Fortunately, it’s simple to add detailed, interactive maps to web apps using the TomTom Maps SDK for JavaScript.

As the most-used front-end framework, React seems to be a good choice for mapping-heavy web apps. React’s excellent performance is one reason it’s so popular — and it owes much of that performance to its virtual DOM. …


We’ll look at how different options and time of day change how the ETA is calculated, using two simple applications: ride-hailing services and package delivery.

When plotting a route, the time it takes to get somewhere is usually the most important consideration.

Whether you are organizing fleet logistics, calculating product delivery routes, or ensuring your customers arrive at their appointments on time, accurately estimating travel time to arrival is essential.

Drivers tend to stick to their usual, familiar routes, but they might be better off taking a different, faster route. Road conditions and accidents can affect their travel time at any time of day. TomTom calculates the estimated time of arrival (ETA) from all known conditions to help your drivers choose the best route. …


This article will explore how you can create essential tracking and notification functions using TomTom’s Routing, Geofencing, and Notifications APIs.

Convenience services, such as ride-hailing, food delivery, and grocery delivery, have become an essential part of our society. These services would not be the same without the strong backing of GPS technologies.

A good user experience includes timely notifications. Customers want alerts when their ride, food, or groceries are nearby, without having to constantly refresh their phone.

While consumers raise their expectations of what good customer service means, the technology to create better experiences, more quickly and easily, has also evolved. …


Learn how to build a real-time traffic alert dashboard incorporating the TomTom Traffic API and SDK into a single HTML file, served client-side.

We all face traffic, no matter our differences or unique circumstance — it is one constant that connects us. The more we can avoid traffic, or at least know what to expect before we hit the road, the better.

Luckily, TomTom’s powerful Traffic API provides a real-time endpoint for traffic-related incidents and traffic flow anywhere in the world. Toggle it on or off simply by setting the respective stylesVisibility in any map instance to true or false.

TomTom reliably sources traffic data from smartphones, commercial fleets, government sensor data, and GPS navigation devices so you can be sure of its…


In the first article of this series, we discussed the components needed for the user-facing mobile app side of a ridesharing service. Let’s connect it with the back-end services and data the app needs to operate.

One of the toughest parts of integrating technologies into a business is figuring out how the features fit into the bigger picture.

In the first article of this series, we discussed the components needed for the user-facing mobile app side of a ridesharing service. We saw how this app can be built out of smaller applications described in various TomTom tutorials. Let’s connect it with the back-end services and data the app needs to operate.

In this article, we’ll walk you through the back-end architecture and some of the best practices for the APIs you’d use to power a ridesharing…


We’ll walk you through a high-level overview of how you might use TomTom location services to build a mobile application powering a simple ridesharing business.

INTRODUCTION

One of the toughest parts of integrating technologies into a business is figuring out how the features of the given technology align with existing business processes and how they fit into the bigger picture.

For example, when Pip Pip Yalah’s ridesharing community of drivers and passengers outgrew its Facebook group, the CEO and founder, Hicham Zouaoui, decided to build a mobile app. By leveraging TomTom APIs, the startup company turned their app into the first and largest ridesharing service in Morocco. But first, they needed to understand what kind of location capabilities TomTom offers and how they connect together.

We…


Learn how TomTom’s POI data and Extended Search API enable geotargeting for precise marketing efforts.

Geomarketing is the form of marketing that uses location data to improve the probability of a particular message reaching the right prospect at the right time. One of the more common forms of geomarketing is geotargeting, which refers to delivering content to a user based on where they are or where they have been. Geotargeting can be triggered to send a promotional message to a subscriber’s mobile phone when they pass a store in a mall or get near the food court.

A 2019 study, “Location-Based Marketing Report” by Factual, stated that firms’ biggest concern using geomarketing was the accuracy of location data.

The success and ROI in geomarketing depend on the accuracy and precision of the location data. If a…


We’ll convert public ArcGIS data into GeoJSON, then display it with the TomTom Maps SDK for Web.

ArcGIS is a geographic information system maintained by the Environmental Systems Research Institute (ESRI). Since its initial release in the late 1990s, ArcGIS has been widely adopted across public and private industries as a tool and repository for not just map and geographic data, but also a wide range of datasets ranging from healthcare to research to municipal services.

ArcGIS leverages authoritative sources from partners, providers, and its vast community contributors. While ArcGIS looks to proprietary data formats first, users can visualize pre-created maps and overlays online. …


Simple, powerful capabilities of TomTom’s Maps SDK for both developers and designers.

Creating and customizing maps with TomTom has never been easier, no matter your skill level or preferred language.

For this article, we compiled a list of nine simple, yet incredibly powerful capabilities of TomTom’s Maps SDK for both developers and designers.

The examples used are supported in a number of languages — Java, JavaScript, and Swift — so there’s something here for everyone. And because TomTom Maps SDK patterns are similar across all platforms, these examples translate easily to your language of choice.

To follow along with the code examples, you’ll need to register for access to the TomTom Developer…


2 laptops displaying maps with the TomTom Map Styler
2 laptops displaying maps with the TomTom Map Styler

Let’s take a step-by-step trip through customizing maps with the TomTom Map Styler.

When it comes to building maps for your application, TomTom has you covered. Digital maps serve a wide range of purposes and should be designed and developed with customer use case in mind. Perhaps you need to track a fleet of vehicles to find the most efficient routes. Or, maybe you want to highlight points of interest to help joggers map out scenic routes. Whether your app monitors traffic jams or guides tourists around unfamiliar cities, mindful map design is key.

Digital maps are not one-size-fits-all. In order to create an effective map, you must consider how your user will…

TomTom Developers

We love maps. We love data. We love developers. We’re here to help developers build the next generation of location-based applications.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store