Guides
Guides

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 schemeVisual exampleHERE SDK (Navigate)
(iOS, Flutter / Android)
HERE SDK (Explore)
(iOS, Flutter / Android)
HERE Maps API for JavaScriptHERE Raster Tile APIHERE Style Editor
normal.daynormalDay/ NORMAL_DAYnormalDay/ NORMAL_DAYvector.normal.mapexplore.dayExplore Day
normal.nightnormalNight/ NORMAL_NIGHTnormalNight/ NORMAL_NIGHTvector.normal.mapnightexplore.nightExplore Night
hybrid.dayhybridDay/ HYBRID_DAYhybridDay/ HYBRID_DAYhybrid.day.raster + hybrid.day.vectorexplore.satellite.dayExplore Hybrid Day
hybrid.nighthybridNight/ HYBRID_NIGHThybridNight/ HYBRID_NIGHThybrid.night.raster + hybrid.night.vector-Explore Hybrid Night
tko.normal.daynormalDay/ NORMAL_DAYnormalDay/ NORMAL_DAYvector.normal.mapexplore.dayExplore Japan Day
tko.normal.nightnormalNight/ NORMAL_NIGHTnormalNight/ NORMAL_NIGHTvector.normal.mapnightexplore.nightExplore Japan Night
tko.hybrid.dayhybridDay/ HYBRID_DAYhybridDay/ HYBRID_DAYhybrid.day.raster + hybrid.day.vectorexplore.satellite.dayExplore Japan Hybrid Day
tko.hybrid.nighthybridNight/ HYBRID_NIGHThybridNight/ HYBRID_NIGHThybrid.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 SchemeVisual ExampleHERE SDK (Navigate)
(iOS, Flutter / Android)
HERE SDK (Explore)
(iOS, Flutter / Android)
HERE Maps API for JavaScriptHERE Raster Tile APIHERE Style Editor
logistics.daylogisticsDay/ LOGISTICS_DAYlogisticsDay/ LOGISTICS_DAYvector.normal.logisticslogistics.dayLogistics Day
logistics.nightlogisticsNight/ LOGISTICS_NIGHTlogisticsNight/ LOGISTICS_NIGHTvector.normal.logisticsnightlogistics.nightLogistics Night
logistics.hybrid.daylogisticsHybridDay/ LOGISTICS_HYBRID_DAYlogisticsHybridDay/ LOGISTICS_HYBRID_DAYhybrid.logistics.raster + hybrid.logistics.vectorlogistics.satellite.dayLogistics Hybrid Day
logistics.hybrid.nightlogisticsHybridNight/ LOGISTICS_HYBRID_NIGHTlogisticsHybridNight/ LOGISTICS_HYBRID_NIGHThybrid.logisticsnight.raster + hybrid.logisticsnight.vector-Logistics Hybrid Night
tko.logistics.daylogisticsDay/ LOGISTICS_DAYlogisticsDay/ LOGISTICS_DAYvector.normal.logisticslogistics.dayLogistics Japan Day
tko.logistics.nightlogisticsNight/ LOGISTICS_NIGHlogisticsNight/ LOGISTICS_NIGHvector.normal.logisticsnightlogistics.nightLogistics Japan Night
tko.logistics.hybrid.daylogisticsHybridDay/ LOGISTICS_HYBRID_DAYlogisticsHybridDay/ LOGISTICS_HYBRID_DAYhybrid.logistics.raster + hybrid.logistics.vectorlogistics.satellite.dayLogistics Japan Hybrid Day
tko.logistics.hybrid.nightlogisticsHybridNight/ LOGISTICS_HYBRID_NIGHTlogisticsHybridNight/ LOGISTICS_HYBRID_NIGHThybrid.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 SchemeVisual ExampleHERE SDK (Navigate)
(iOS, Flutter / Android)
HERE SDK (Explore)
(iOS, Flutter / Android)
HERE Maps API for JavaScriptHERE Raster Tile APIHERE Style Editor
lite.dayliteDay / LITE_DAYliteDay / LITE_DAYvector.normal.litelite.dayLite Day
lite.nightliteNight / LITE_NIGHTliteNight / LITE_NIGHTvector.normal.litenightlite.nightLite Night
lite.hybrid.dayliteHybridDay / LITE_HYBRID_DAYliteHybridDay / LITE_HYBRID_DAYhybrid.liteday.raster + hybrid.liteday.vectorlite.satellite.dayLite Hybrid Day
lite.hybrid.nightliteHybridNight / LITE_HYBRID_NIGHTliteHybridNight / LITE_HYBRID_NIGHThybrid.litenight.raster + hybrid.litenight.vector-Lite Hybrid Night
tko.lite.dayliteDay / LITE_DAYliteDay / LITE_DAYvector.normal.litelite.dayLite Japan Day
tko.lite.nightliteNight / LITE_NIGHTliteNight / LITE_NIGHTvector.normal.litenightlite.nightLite Japan Night
tko.lite.hybrid.dayliteHybridDay / LITE_HYBRID_DAYliteHybridDay / LITE_HYBRID_DAYhybrid.liteday.raster + hybrid.liteday.vectorlite.satellite.dayLite Japan Hybrid Day
tko.lite.hybrid.nightliteHybridNight / LITE_HYBRID_NIGHTliteHybridNight / LITE_HYBRID_NIGHThybrid.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 SchemeVisual ExampleHERE SDK (Navigate)
(iOS, Flutter / Android)
HERE SDK (Explore)
(iOS, Flutter / Android)
HERE Maps API for JavaScriptHERE Raster Tile APIHERE Style Editor
topo.daytopoDay/ TOPO_DAY-vector.normal.topotopo.dayTopographic Day
topo.nighttopoNight/ TOPO_NIGHT-vector.normal.toponighttopo.nightTopographic Night
tko.topo.daytopoDay/ TOPO_DAY-vector.normal.topotopo.dayTopographic Japan Day
tko.topo.nighttopoNight/ TOPO_NIGHT-vector.normal.toponighttopo.nightTopographic 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 schemeVisual exampleHERE SDK (Navigate)
(iOS, Flutter / Android)
HERE SDK (Explore)
(iOS, Flutter / Android)
HERE Maps API for JavaScriptHERE Raster Tile APIHERE Style Editor
road.network.dayroadNetworkDay/ ROAD_NETWORK_DAYroadNetworkDay/ ROAD_NETWORK_DAYvector.normal.roadnetwork-Road Network Day
road.network.nightroadNetworkNight/ ROAD_NETWORK_NIGHTroadNetworkNight/ ROAD_NETWORK_NIGHTvector.roadnetworknight-Road Network Night
tko.road.network.dayroadNetworkDay/ ROAD_NETWORK_DAYroadNetworkDay/ ROAD_NETWORK_DAYvector.normal.roadnetwork-Road Network Japan Day
tko.road.network.nightroadNetworkNight/ ROAD_NETWORK_NIGHTroadNetworkNight/ ROAD_NETWORK_NIGHTvector.roadnetworknight-Road Network Japan Night