Skip to content

Commit 431d43e

Browse files
kplotnikkplotnik
authored
Merge pull request #102 from kplotnik/master
Update the public transport example to use Public Transit API
2 parents 8e581d7 + 33d720a commit 431d43e

File tree

2 files changed

+88
-240
lines changed

2 files changed

+88
-240
lines changed

‎map-with-route-from-a-to-b-using-public-transport/demo.html‎

Lines changed: 8 additions & 135 deletions
Original file line numberDiff line numberDiff line change
@@ -19,149 +19,22 @@
1919
min-width:28px;
2020
min-height:28px;
2121
background-position:0px;
22-
background-image: url("https://heremaps.github.io/maps-api-for-javascript-examples/map-with-with-route-from-a-to-b-using-public-transport/img/arrows.png");
22+
background-image: url("https://heremaps.github.io/maps-api-for-javascript-examples/map-with-pedestrian-route-from-a-to-b/img/arrows.png");
2323
position:relative;
2424
top:8px;
2525
}
2626
.directions li span.depart {
2727
background-position:-28px;
2828
}
29-
.directions li span.rightUTurn {
30-
background-position:-56px;
31-
}
32-
.directions li span.leftUTurn {
33-
background-position:-84px;
34-
}
35-
.directions li span.rightFork {
36-
background-position:-112px;
37-
}
38-
.directions li span.leftFork {
39-
background-position:-140px;
40-
}
41-
.directions li span.rightMerge {
42-
background-position:-112px;
43-
}
44-
.directions li span.leftMerge {
45-
background-position:-140px;
46-
}
47-
.directions li span.slightRightTurn {
48-
background-position:-168px;
49-
}
50-
.directions li span.slightLeftTurn{
51-
background-position:-196px;
52-
}
53-
.directions li span.rightTurn {
29+
.directions li span.rightturn {
5430
background-position:-224px;
5531
}
56-
.directions li span.leftTurn{
32+
.directions li span.leftturn{
5733
background-position:-252px;
5834
}
59-
.directions li span.sharpRightTurn {
60-
background-position:-280px;
61-
}
62-
.directions li span.sharpLeftTurn{
63-
background-position:-308px;
64-
}
65-
.directions li span.rightRoundaboutExit1 {
66-
background-position:-616px;
67-
}
68-
.directions li span.rightRoundaboutExit2 {
69-
background-position:-644px;
70-
}
71-
72-
.directions li span.rightRoundaboutExit3 {
73-
background-position:-672px;
74-
}
75-
76-
.directions li span.rightRoundaboutExit4 {
77-
background-position:-700px;
78-
}
79-
80-
.directions li span.rightRoundaboutPass {
81-
background-position:-700px;
82-
}
83-
84-
.directions li span.rightRoundaboutExit5 {
85-
background-position:-728px;
86-
}
87-
.directions li span.rightRoundaboutExit6 {
88-
background-position:-756px;
89-
}
90-
.directions li span.rightRoundaboutExit7 {
91-
background-position:-784px;
92-
}
93-
.directions li span.rightRoundaboutExit8 {
94-
background-position:-812px;
95-
}
96-
.directions li span.rightRoundaboutExit9 {
97-
background-position:-840px;
98-
}
99-
.directions li span.rightRoundaboutExit10 {
100-
background-position:-868px;
101-
}
102-
.directions li span.rightRoundaboutExit11 {
103-
background-position:896px;
104-
}
105-
.directions li span.rightRoundaboutExit12 {
106-
background-position:924px;
107-
}
108-
.directions li span.leftRoundaboutExit1 {
109-
background-position:-952px;
110-
}
111-
.directions li span.leftRoundaboutExit2 {
112-
background-position:-980px;
113-
}
114-
.directions li span.leftRoundaboutExit3 {
115-
background-position:-1008px;
116-
}
117-
.directions li span.leftRoundaboutExit4 {
118-
background-position:-1036px;
119-
}
120-
.directions li span.leftRoundaboutPass {
121-
background-position:1036px;
122-
}
123-
.directions li span.leftRoundaboutExit5 {
124-
background-position:-1064px;
125-
}
126-
.directions li span.leftRoundaboutExit6 {
127-
background-position:-1092px;
128-
}
129-
.directions li span.leftRoundaboutExit7 {
130-
background-position:-1120px;
131-
}
132-
.directions li span.leftRoundaboutExit8 {
133-
background-position:-1148px;
134-
}
135-
.directions li span.leftRoundaboutExit9 {
136-
background-position:-1176px;
137-
}
138-
.directions li span.leftRoundaboutExit10 {
139-
background-position:-1204px;
140-
}
141-
.directions li span.leftRoundaboutExit11 {
142-
background-position:-1232px;
143-
}
144-
.directions li span.leftRoundaboutExit12 {
145-
background-position:-1260px;
146-
}
14735
.directions li span.arrive {
14836
background-position:-1288px;
14937
}
150-
.directions li span.leftRamp {
151-
background-position:-392px;
152-
}
153-
.directions li span.rightRamp {
154-
background-position:-420px;
155-
}
156-
.directions li span.leftExit {
157-
background-position:-448px;
158-
}
159-
.directions li span.rightExit {
160-
background-position:-476px;
161-
}
162-
.directions li span.ferry {
163-
background-position:-1316px;
164-
}
16538
</style>
16639
</head>
16740
<body id="map-with-route">
@@ -171,15 +44,15 @@ <h1>Map with Route from A to B using Public Transport</h1>
17144
</div>
17245
<p>This example calculates a route from the <b>Fernsehturm</b> at Panoramastraße in Berlin
17346
<i>(52.5208°N, 13.4093°E)</i> to <b>Kurfürstendamm</b> <i>(52.5034°N, 13.3295°E)</i> in the west of the
174-
city using public transport routing, and displays it on the map. The calculation
47+
city using Public Transit API v8, and displays it on the map. The calculation
17548
finds the fastest available route using public transport.</p>
17649
<div id="map"></div>
17750
<div id="panel"></div>
17851
<h3>Code</h3>
179-
<p>Access to the routing service is obtained from the <code>H.service.Platform</code> by calling
180-
<code>getRoutingService()</code>. The <code>calculateRoute()</code> method is used to calculate the fastest
181-
public transport (<code>mode:fastest;publicTransport</code>) route by passing in the relevant parameters as defined in
182-
<a href="http://developer.here.com/rest-apis/documentation/routing/topics/resource-calculate-route.html" target="_blank">Routing API</a>.
52+
<p>Access to the Public Transit API service is obtained from the <code>H.service.Platform</code> by calling
53+
<code>getPublicTransitService()</code>. The <code>getRoutes()</code> method is used to calculate the fastest
54+
public transport route by passing in the relevant parameters as defined in
55+
<a href="https://developer.here.com/documentation/public-transit/api-reference-swagger.html" target="_blank">Public Transit API</a>.
18356
The styling and display of the response is under the control of the developer.</p>
18457
<script type="text/javascript" src='demo.js'></script>
18558
</body>

0 commit comments

Comments
 (0)