Routing API Developer's Guide

Format User Instructions with HTML and CSS

You can use predefined CSS classes to format the HTML output of the routing instructions, and therefore customize presentation to the user. To do this, set the instructionFormat request parameter to html, which will augment maneuver instructions with HTML markup and associated CSS classes.

When this is enabled for public transit routing, the service will wrap instruction text in <span> tags with the following associated classes:

  • company: transit company name
  • station: station name
  • transit: transit type
  • line: transit line name
  • destination: line destination name
  • distance-description: entire statement that describes the distance to proceed, for example, "follow for n stops"
  • stops: number of stops or stations in "follow for" statement, for example, "n stops"

Example: Public Transit Routing Instructions with HTML

Here are some examples of HTML-wrapped output from the service, with associated classes.

For the enter maneuver:


Go to the <span class="company">U</span> station 
<span class="station">U Pankstr. (Berlin)</span> 
and take the <span class="transit">rail</span> 
<span class="line">U8</span> towards 
<span class="destination">S+U  Hermannstr. (Berlin)</span>. 
<span class="distance-description">
Follow for <span class="stops">1 station</span></span>.

For change maneuver:


At station <span class="station">S+U Gesundbrunnen Bhf (Berlin)
</span> change to the line 
<span class="line">S1</line> towards 
<span class="destination">S Wannsee Bhf (Berlin)</span>. 
<span class="distance-description">Follow for 
<span class="stops">1 stations</span></span>.

For leave maneuver:


Leave the line <span class="line">S1</span> at station 
<span class="station">S+U Potsdamer Platz Bhf (Berlin)</span> 
and leave the station

You cannot use this account to purchase a commercial plan on Developer Portal, as it is already associated to plans with different payment methods.

To purchase a commercial plan on Developer Portal, please register for or sign in with a different HERE Account.

Something took longer than expected.

The project should be available soon under your projects page.

Sorry, our services are not available in this region.

Something seems to have gone wrong. Please try again later.

We've detected that your account is set to Australian Dollars (AUD).
Unfortunately, we do not offer checkouts in AUD anymore.
You can continue using your current plan as normal, but to subscribe to one of our new plans,
please register for a new HERE account or contact us for billing questions on selfservesupport@here.com.