- Products ProductsLocation Services
Solve complex location problems from geofencing to custom routing
PlatformCloud environments for location-centric solution development, data exchange and visualization
Tracking & PositioningFast and accurate tracking and positioning of people and devices, indoors or outdoors
APIs & SDKsEasy to use, scaleable and flexible tools to get going quickly
- Documentation
- Pricing
- Resources ResourcesTutorials TutorialsExamples ExamplesBlog & Release Announcements Blog & Release AnnouncementsChangelog ChangelogDeveloper Newsletter Developer NewsletterKnowledge Base Knowledge BaseFeature List Feature ListSupport Plans Support PlansSystem Status System StatusLocation Services Coverage Information Location Services Coverage InformationSample Map Data for Students Sample Map Data for Students
- Maps
- Data display
- Styles and Layers
- Markers
- Geoshapes
- Resizable Geoshapes
- Clustering
- Events
- Info Bubbles
- Services - Routing, Geocoding
- Map with Driving Route from A to B
- Map with Pedestrian Route from A to B
- Truck routing road restrictions
- Map with Route from A to B using Public Transport
- Map with isoline route
- Search for a Location based on an Address
- Search for a Location given a Structured Address
- Search for the Address of a Known Location
- Search for a Landmark
- Integration of Fleet Telematics Services
- Integration with the HERE Style Editor
- Indoor Map
- JavaScript
- HTML
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes">
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<title>Map with the truck routes and road restrictions</title>
<link rel="stylesheet" type="text/css" href="https://js.api.here.com/v3/3.1/mapsjs-ui.css" />
<link rel="stylesheet" type="text/css" href="demo.css" />
<link rel="stylesheet" type="text/css" href="styles.css" />
<link rel="stylesheet" type="text/css" href="../template.css" />
<script type="text/javascript" src='../test-credentials.js'></script>
<script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-core.js"></script>
<script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-service.js"></script>
<script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-ui.js"></script>
<script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-mapevents.js"></script>
<script>window.ENV_VARIABLE = 'developer.here.com'</script><script src='../iframeheight.js'></script></head>
<body id="markers-on-the-map">
<div class="page-header">
<h1>Map with the truck routes and road restrictions</h1>
<p>Show a truck routes with the truck related road restrictions highlighted on the map</p>
</div>
<p>This example calculates and displays 3 different truck routes with the same start and end positions,
but various truck attributes.
<br>
The start position is in <b>Manhattan</b> and the end position on the opposite bank in <b>Newport</b>.
<p>
<ul>
<li>The blue route is a simple truck route (without specifying any truck attributes).</li>
<li>The green route shows that a truck must use <b>Lincoln Tunnel</b> instead of <b>Holland Tunnel</b>
when it has four axles (uses the <code>truck[axleCount]</code> parameter of the Routing API).</li>
<li>The violet route shows that a truck with the four acles transporting flammable goods should take a much longer detour
(uses the <code>truck[shippedHazardousGoods]</code> parameter of the Routing API).</li>
</ul>
</p>
<p>More information about above mentioned routing request parameters can be found <a href="https://www.here.com/docs/bundle/routing-api-v8-api-reference/page/index.html#tag/Routing/operation/calculateRoutes" target="_blank">here</a>.</p>
<p>
The truck restrictions layer is set as a base map.
</p>
<div id="map"></div>
<div id="panel"></div>
<h3>Code</h3>
<p>Access to the routing service is obtained from the <code>H.service.Platform</code> by calling
<code>getRoutingService(null, 8)</code>. The <code>calculateRoute()</code> method is used to calculate the fastest
truck route by passing in the relevant parameters as defined in
<a href="https://www.here.com/docs/bundle/routing-api-v8-api-reference/page/index.html#tag/Routing/operation/calculateRoutes" target="_blank">Routing API</a>.
The styling and display of the response is under the control of the developer.</p>
<script type="text/javascript" src='demo.js'></script>
</body>
</html>
