HERE default map styles
This section provides information on HERE default map style customizations that is used by multiple HERE products, including the HERE Style Editor.
The following HERE products are included:
- HERE SDK (Navigate) and HERE SDK (Explore)
- HERE Maps API for JavaScript
- HERE Raster Tile API
- HERE Style Editor
Note
Terminology may vary from the terms used in the HERE Style Editor focused documentation.
Default map schemes
HERE provides a set of default map schemes designed for specific use cases. These map schemes are available in various HERE products, such as HERE SDK (Navigate) and HERE SDK (Explore), Maps API for JavaScript, HERE Raster Tile API, and HERE Style Editor.
Data and regions
The day and night map schemes use exclusive vector data. The hybrid day and hybrid night map schemes combine satellite imagery background with selected vector data foreground elements such as roads and labels. Hybrid day and night differ only in their sky and horizon colors.
All map schemes are also available for the region of Japan. Japan specific schemes include the tko name prefix.
Normal map schemes
The normal scheme is the default style, which is a balanced representation of all map elements and a base canvas for customization. It is designed for exploration and navigation use cases.
| Map scheme | Visual example | HERE SDK (Navigate) (iOS, Flutter / Android) | HERE SDK (Explore) (iOS, Flutter / Android) | HERE Maps API for JavaScript | HERE Raster Tile API | HERE Style Editor |
|---|---|---|---|---|---|---|
normal.day | ![]() | normalDay/ NORMAL_DAY | normalDay/ NORMAL_DAY | vector.normal.map | explore.day | Explore Day |
normal.night | ![]() | normalNight/ NORMAL_NIGHT | normalNight/ NORMAL_NIGHT | vector.normal.mapnight | explore.night | Explore Night |
hybrid.day | ![]() | hybridDay/ HYBRID_DAY | hybridDay/ HYBRID_DAY | hybrid.day.raster + hybrid.day.vector | explore.satellite.day | Explore Hybrid Day |
hybrid.night | ![]() | hybridNight/ HYBRID_NIGHT | hybridNight/ HYBRID_NIGHT | hybrid.night.raster + hybrid.night.vector | - | Explore Hybrid Night |
tko.normal.day | ![]() | normalDay/ NORMAL_DAY | normalDay/ NORMAL_DAY | vector.normal.map | explore.day | Explore Japan Day |
tko.normal.night | ![]() | normalNight/ NORMAL_NIGHT | normalNight/ NORMAL_NIGHT | vector.normal.mapnight | explore.night | Explore Japan Night |
tko.hybrid.day | ![]() | hybridDay/ HYBRID_DAY | hybridDay/ HYBRID_DAY | hybrid.day.raster + hybrid.day.vector | explore.satellite.day | Explore Japan Hybrid Day |
tko.hybrid.night | ![]() | hybridNight/ HYBRID_NIGHT | hybridNight/ HYBRID_NIGHT | hybrid.night.raster + hybrid.night.vector | - | Explore Japan Hybrid Night |
Logistics map schemes
The logistics scheme highlights fleet and truck-related map elements, such as truck toll roads, highway exit names and numbers, and truck-specific POIs. It is designed for truck and logistics use cases, including dispatching, fleet management, and delivery.
| Map Scheme | Visual Example | HERE SDK (Navigate) (iOS, Flutter / Android) | HERE SDK (Explore) (iOS, Flutter / Android) | HERE Maps API for JavaScript | HERE Raster Tile API | HERE Style Editor |
|---|---|---|---|---|---|---|
logistics.day | ![]() | logisticsDay/ LOGISTICS_DAY | logisticsDay/ LOGISTICS_DAY | vector.normal.logistics | logistics.day | Logistics Day |
logistics.night | ![]() | logisticsNight/ LOGISTICS_NIGHT | logisticsNight/ LOGISTICS_NIGHT | vector.normal.logisticsnight | logistics.night | Logistics Night |
logistics.hybrid.day | ![]() | logisticsHybridDay/ LOGISTICS_HYBRID_DAY | logisticsHybridDay/ LOGISTICS_HYBRID_DAY | hybrid.logistics.raster + hybrid.logistics.vector | logistics.satellite.day | Logistics Hybrid Day |
logistics.hybrid.night | ![]() | logisticsHybridNight/ LOGISTICS_HYBRID_NIGHT | logisticsHybridNight/ LOGISTICS_HYBRID_NIGHT | hybrid.logisticsnight.raster + hybrid.logisticsnight.vector | - | Logistics Hybrid Night |
tko.logistics.day | ![]() | logisticsDay/ LOGISTICS_DAY | logisticsDay/ LOGISTICS_DAY | vector.normal.logistics | logistics.day | Logistics Japan Day |
tko.logistics.night | ![]() | logisticsNight/ LOGISTICS_NIGH | logisticsNight/ LOGISTICS_NIGH | vector.normal.logisticsnight | logistics.night | Logistics Japan Night |
tko.logistics.hybrid.day | ![]() | logisticsHybridDay/ LOGISTICS_HYBRID_DAY | logisticsHybridDay/ LOGISTICS_HYBRID_DAY | hybrid.logistics.raster + hybrid.logistics.vector | logistics.satellite.day | Logistics Japan Hybrid Day |
tko.logistics.hybrid.night | ![]() | logisticsHybridNight/ LOGISTICS_HYBRID_NIGHT | logisticsHybridNight/ LOGISTICS_HYBRID_NIGHT | hybrid.logisticsnight.raster + hybrid.logisticsnight.vector | - | Logistics Japan Hybrid Night |
Lite map schemes
The lite scheme provides a visually reduced map style with a simplified color palette and fewer displayed map elements. It is designed for the visualization of data overlays.
| Map Scheme | Visual Example | HERE SDK (Navigate) (iOS, Flutter / Android) | HERE SDK (Explore) (iOS, Flutter / Android) | HERE Maps API for JavaScript | HERE Raster Tile API | HERE Style Editor |
|---|---|---|---|---|---|---|
lite.day | ![]() | liteDay / LITE_DAY | liteDay / LITE_DAY | vector.normal.lite | lite.day | Lite Day |
lite.night | ![]() | liteNight / LITE_NIGHT | liteNight / LITE_NIGHT | vector.normal.litenight | lite.night | Lite Night |
lite.hybrid.day | ![]() | liteHybridDay / LITE_HYBRID_DAY | liteHybridDay / LITE_HYBRID_DAY | hybrid.liteday.raster + hybrid.liteday.vector | lite.satellite.day | Lite Hybrid Day |
lite.hybrid.night | ![]() | liteHybridNight / LITE_HYBRID_NIGHT | liteHybridNight / LITE_HYBRID_NIGHT | hybrid.litenight.raster + hybrid.litenight.vector | - | Lite Hybrid Night |
tko.lite.day | ![]() | liteDay / LITE_DAY | liteDay / LITE_DAY | vector.normal.lite | lite.day | Lite Japan Day |
tko.lite.night | ![]() | liteNight / LITE_NIGHT | liteNight / LITE_NIGHT | vector.normal.litenight | lite.night | Lite Japan Night |
tko.lite.hybrid.day | ![]() | liteHybridDay / LITE_HYBRID_DAY | liteHybridDay / LITE_HYBRID_DAY | hybrid.liteday.raster + hybrid.liteday.vector | lite.satellite.day | Lite Japan Hybrid Day |
tko.lite.hybrid.night | ![]() | liteHybridNight / LITE_HYBRID_NIGHT | liteHybridNight / LITE_HYBRID_NIGHT | hybrid.litenight.raster + hybrid.litenight.vector | - | Lite Japan Hybrid Night |
Topographic map schemes
The topo scheme highlights geographic features such as elevation, land cover, and natural elements to provide a clear representation of the terrain. It is designed for outdoor activities such as hiking, cycling, and skiing.
| Map Scheme | Visual Example | HERE SDK (Navigate) (iOS, Flutter / Android) | HERE SDK (Explore) (iOS, Flutter / Android) | HERE Maps API for JavaScript | HERE Raster Tile API | HERE Style Editor |
|---|---|---|---|---|---|---|
topo.day | ![]() | topoDay/ TOPO_DAY | - | vector.normal.topo | topo.day | Topographic Day |
topo.night | ![]() | topoNight/ TOPO_NIGHT | - | vector.normal.toponight | topo.night | Topographic Night |
tko.topo.day | ![]() | topoDay/ TOPO_DAY | - | vector.normal.topo | topo.day | Topographic Japan Day |
tko.topo.night | ![]() | topoNight/ TOPO_NIGHT | - | vector.normal.toponight | topo.night | Topographic Japan Night |
Road network map schemes
The road.network scheme displays only road geometry on zoomed-in levels. It provides an overview of the upcoming intersection and maneuvers suitable for small in-vehicle displays.
| Map scheme | Visual example | HERE SDK (Navigate) (iOS, Flutter / Android) | HERE SDK (Explore) (iOS, Flutter / Android) | HERE Maps API for JavaScript | HERE Raster Tile API | HERE Style Editor |
|---|---|---|---|---|---|---|
road.network.day | ![]() | roadNetworkDay/ ROAD_NETWORK_DAY | roadNetworkDay/ ROAD_NETWORK_DAY | vector.normal.roadnetwork | - | Road Network Day |
road.network.night | ![]() | roadNetworkNight/ ROAD_NETWORK_NIGHT | roadNetworkNight/ ROAD_NETWORK_NIGHT | vector.roadnetworknight | - | Road Network Night |
tko.road.network.day | ![]() | roadNetworkDay/ ROAD_NETWORK_DAY | roadNetworkDay/ ROAD_NETWORK_DAY | vector.normal.roadnetwork | - | Road Network Japan Day |
tko.road.network.night | ![]() | roadNetworkNight/ ROAD_NETWORK_NIGHT | roadNetworkNight/ ROAD_NETWORK_NIGHT | vector.roadnetworknight | - | Road Network Japan Night |
Updated yesterday































