Create your application map using TomTom Map Maker.
&w=256&q=90)
Are you building an application that needs a map? Try TomTom Map Maker — a cloud tool to help you create and customize maps that reflect your brand.
Getting Started
Creating a map with TomTom Map Maker is easy. Go to mapmaker.tomtom.com and log in using your TomTom Developer Portal account. Don’t have one yet? No worries, you can register using the link on the Map Maker page.
Start by choosing from templates optimized for various use cases, like browsing or driving. Templates form the base for your project. They contain all the necessary information that should appear on the map.
Next, you can add layers onto the base of your map. Consider adding traffic information or additional POIs, such as EV charging stations and restaurants.
Lorem ipsumMap it in style
Here are some examples of what Map Maker can do to spark your imagination:
An ancient book: Imagine you need a map that resembles an old book with soft colors. You can use the ‘Street Driving Light’ template as the base. The result shown below can be achieved by changing just three Map Colors.
An orange world: Maybe you want to create a map that uses one color throughout — orange, for example. You can do this using the ‘Monochrome Dark’ template. Once you set the ‘Land’ (base) color to orange, you’re all set. What do you think of the result?
Find the tools you need to bring the map of your dreams to life with Map Maker.
Master the map
You can also use Map Maker to make advanced changes. For example, let’s make the shopping centers stand out. Pick the respective layer on the handy pop up, which shows up when you click on the map. Modify the layer based on your needs.
You can style and filter map features based on zoom level or data properties. If this seems difficult, we got you covered. TomTom provides easy-to-use documentation to guide you through the more complex parts of your mapping journey.
Share it with the world
You’ve now created and styled your map. Wondering how to add it to your app? TomTom stores all your styles on the cloud. Generate a URL of your style in Map Maker and copy it to your TomTom Maps SDK or MapLibre application.
Click on the ‘Share’ button and the window will show up. You can choose from two tabs: Draft and Production. Use the ‘Draft’ tab if you want to share the style for feedback or review. Choose the ‘Production’ tab to publish the style in your production app.
Here’s a very minimal application using MapLibre GL JS:
<html>
<body>
<div id='map' style="width: 100%; height: 100%;"></div>
<script
src="https://unpkg.com/maplibre-gl@latest/dist/maplibre-gl.js">
</script>
<script>
var map = new maplibregl.Map({
container: 'map',
style: '<your style URL>',
});
</script>
</body>
</html>
Map it your way
Map Maker gives you endless opportunities to experiment with different colors and versions of your map until you find the right one. Can you guess which movie was the inspiration for the map below?
Ready to create maps unique to your brand? Try Map Maker today at mapmaker.tomtom.com.
Feeling lost? Find answers in our documentation
* Required field. By submitting your contact details to TomTom, you agree that we can contact you about marketing offers, newsletters, or to invite you to webinars and events. We could further personalize the content that you receive via cookies. You can unsubscribe at any time by the link included in our emails. Review our privacy policy.