With a little JavaScript, we’ll use the TomTom POI Details API to create a simple map web page that highlights different pizza shops around Seattle and allows users to explore each business in finer detail.

TomTom Search API v6 helps developers access Detailed Points of Interest (POI) information. Examples include a store’s ratings and reviews, opening hours, and photos. This adds value to map-based applications, enhancing user experience with detailed information about each POI.

This article uses TomTom POI Details API to create a simple map web page that highlights different pizza shops around Seattle and allows users to explore each business in finer detail. To follow this tutorial, you just need to know some JavaScript.

POI DETAILS EXAMPLE

The regular search API already returns basic information and points of interest. This information includes business name, contact information…


With the release of TomTom Maps SDK for Web v6, you can now edit base map styles and traffic layer styles. We’ll show how quick it is to create a map with multiple layers, and how to customize the look for each layer.

TomTom’s Map Styler has long been the easiest way to style our maps. While the default look of TomTom maps is pleasing to the eye, sometimes it’s necessary to adjust the look of a map to match a website’s branding, or just to have a little bit of fun.

With the release of TomTom Maps SDK for Web V6, you can now edit base map styles and traffic layer styles. Plus, you can layer styles together when editing points of interest (POIs). …


Here are five ways to customize your map using TomTom Maps APIs to stand out from the crowd.

The way your map looks and feels doesn’t just affect the visual appeal, but also the user experience. An unfamiliar or confusing map experience can make it difficult for on-demand users to engage with the application properly. To set users up for success instead, here are five ways to customize your map using TomTom Maps APIs to stand out from the crowd, and keep your customers and clients happy — or just have some fun and level up your next project!

SELECT A STYLE

The first step in customizing your map is selecting a style. The TomTom Map Styler offers 21 different map…


April was a month with some fun news as we refreshed our Map Display API. We also had some new tutorials in the form of blogs, videos, and webinars on all things ETA and last mile. Take a look at what our developer advocates and location experts were up to this month to help users make the most of location technology in their apps and beyond.

TOMTOM DEVELOPER BLOGS

Our tutorials this month ranged from using the Routing API with JavaScript to adding TomTom maps to a React app, while Search API Product Manager Maarten Clements shared about his career journey and gave an in-depth look at trends and opportunities for developers in search. Read on!

CELEBRATING EARTH DAY WITH THE NEW LOOK & FEEL OF OUR MAP DISPLAY API

This month, the TomTom Map Display API got an update! This new map style includes changes like brand-new colors, natural features, organized POIs, and improved street labels. Learn more about this update & how it changes your map. Read more here.


Introducing fresh maps with a brand new colors & detailed natural features

The beauty of mapping is often capturing the many nuances of the Earth’s surface — these nuances allow us to see the globe more clearly, and allow us to be mobile and explore. Without maps over the ages, our exploration and innovations in travel and transport would not be possible. This Earth Day, it’s right to acknowledge the many changes which affect our one and only home — climate, infrastructure, natural events, and numerous others — by releasing an update to the visual component of our maps.

Beginning in May, our Map Display API will show from vast forest areas…


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…

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