How to Specify and Use Map Styles with the HERE Raster Tile API
Symptoms / Triggers
-------------------
I need to change the visual style of my HERE map tiles.
I want to request map tiles that include satellite imagery or night mode.
My map doesn't display terrain or vehicle restriction overlays correctly; I want to try applying a different style.
Quick Answer
------------
Use the optional style parameter in your HERE Raster Tile API request to specify a style such as explore.day, lite.satellite.day, or topo.night. Combine this with features or format parameters to customize appearance and overlay details.
Step-by-step Instructions
-------------------------
1. Create a HERE account and get an API key
-----------------------------------------------
-
Sign up at the HERE platform.
Register an app using the Access Manager to generate an API Key.
2. Understand the Raster Tile API URL format
The basic request pattern is:<br />https://maps.hereapi.com/v3/{resource}/mc/{zoom}/{column}/{row}/{format}?apiKey={API_KEY}<br />
-{resource}: Use base for general map tiles.
mc: For Mercator-projection tiles (standard for most web maps).{zoom}: The level of detail (e.g., 13).
{column} and {row}: Coordinates for the tile.{format}: png or jpeg.
3. Add the style parameter to your request
After the resource path, add ?style=[STYLE_NAME]&apiKey=[YOUR_API_KEY]
-
Use explore.day (default)
Try others like logistics.day, satellite.day, or topo.night
i. Optionally include features
Combine styles with overlay data by adding more request parameters like:<br />&features=vehicle_restrictions:active_and_inactive &features=pois:disabled<br />
ii.Use the tile URL in your app or framework
Use the URL with map libraries like Leaflet or HERE Maps API for JavaScript.
Example Leaflet URL template (with style):<br />https://maps.hereapi.com/v3/base/mc/{z}/{x}/{y}/png?style=logistics.day&apiKey=YOUR_API_KEY<br />
---
Applies to
----------
HERE Raster Tile API v3
HERE Maps API for JavaScript
Leaflet and other third-party mapping libraries
---
Resource
Raster Tile API v3 Dev Guide: https://docs.here.com/map-rendering/docs/example-style
---
Tags
----
Map style customization
HERE Raster Tile API
API key usage
HERE Maps styling
Map tiles format
Map feature overlays
Raster tile examples
Migration from v2 to v3
Updated 3 days ago