1 | |
2 | |
3 | |
4 | |
5 | |
6 | |
7 | |
8 | |
9 | |
10 | |
11 | |
12 | |
13 | |
14 | |
15 | |
16 | |
17 | |
18 | |
19 | |
20 | |
21 | |
22 | |
23 | |
24 | |
25 | import PolylineEncoder from '../core/lib/PolylineEncoder.js'; |
26 | import ItineraryPoint from '../data/ItineraryPoint.js'; |
27 | import Maneuver from '../data/Maneuver.js'; |
28 | import BaseRouteProvider from '../routeProviders/BaseRouteProvider.js'; |
29 | import theOsrmTextInstructions from '../routeProviders/OsrmTextInstructions.js'; |
30 | import { ICON_LIST } from '../routeProviders/IconList.js'; |
31 | import { ZERO, ONE, LAT_LNG, HTTP_STATUS_OK } from '../main/Constants.js'; |
32 | |
33 | |
34 | |
35 | |
36 | |
37 | |
38 | |
39 | |
40 | |
41 | class OsrmRouteProvider extends BaseRouteProvider { |
42 | |
43 | |
44 | |
45 | |
46 | |
47 | |
48 | #route; |
49 | |
50 | |
51 | |
52 | |
53 | |
54 | |
55 | static get #ROUND_VALUE ( ) { return 6; } |
56 | |
57 | |
58 | |
59 | |
60 | |
61 | |
62 | |
63 | |
64 | #parseResponse ( response, onOk, onError ) { |
65 | |
66 | if ( 'Ok' !== response.code ) { |
67 | onError ( new Error ( 'Response code not ok' ) ); |
68 | return; |
69 | } |
70 | |
71 | if ( ZERO === response.routes.length ) { |
72 | onError ( new Error ( 'Route not found' ) ); |
73 | return; |
74 | } |
75 | |
76 | this.#route.itinerary.itineraryPoints.removeAll ( ); |
77 | this.#route.itinerary.maneuvers.removeAll ( ); |
78 | this.#route.itinerary.hasProfile = false; |
79 | this.#route.itinerary.ascent = ZERO; |
80 | this.#route.itinerary.descent = ZERO; |
81 | |
82 | const polylineEncoder = new PolylineEncoder ( ); |
83 | response.routes [ ZERO ].geometry = polylineEncoder.decode ( |
84 | response.routes [ ZERO ].geometry, |
85 | [ OsrmRouteProvider.#ROUND_VALUE, OsrmRouteProvider.#ROUND_VALUE ] |
86 | ); |
87 | |
88 | response.routes [ ZERO ].legs.forEach ( |
89 | leg => { |
90 | let lastPointWithDistance = ZERO; |
91 | leg.steps.forEach ( |
92 | step => { |
93 | step.geometry = polylineEncoder.decode ( |
94 | step.geometry, |
95 | [ OsrmRouteProvider.#ROUND_VALUE, OsrmRouteProvider.#ROUND_VALUE ] |
96 | ); |
97 | const maneuver = new Maneuver ( ); |
98 | maneuver.iconName = |
99 | ICON_LIST [ step.maneuver.type ] |
100 | ? |
101 | ICON_LIST [ step.maneuver.type ] [ step.maneuver.modifier ] |
102 | || |
103 | ICON_LIST [ step.maneuver.type ] [ 'default' ] |
104 | : |
105 | ICON_LIST [ 'default' ] [ 'default' ]; |
106 | |
107 | maneuver.instruction = theOsrmTextInstructions.compile ( this.userLanguage, step ); |
108 | maneuver.duration = step.duration; |
109 | let distance = ZERO; |
110 | for ( |
111 | let geometryCounter = ZERO; |
112 | ( ONE === step.geometry.length ) |
113 | ? |
114 | ( ONE > geometryCounter ) |
115 | : |
116 | ( geometryCounter < step.geometry.length ); |
117 | geometryCounter ++ ) { |
118 | const itineraryPoint = new ItineraryPoint ( ); |
119 | itineraryPoint.latLng = [ |
120 | step.geometry [ geometryCounter ] [ ZERO ], |
121 | step.geometry [ geometryCounter ] [ ONE ] |
122 | ]; |
123 | |
124 | itineraryPoint.distance = |
125 | leg.annotation.distance [ lastPointWithDistance ] |
126 | ? |
127 | leg.annotation.distance [ lastPointWithDistance ] |
128 | : |
129 | ZERO; |
130 | this.#route.itinerary.itineraryPoints.add ( itineraryPoint ); |
131 | if ( geometryCounter !== step.geometry.length - ONE ) { |
132 | distance += itineraryPoint.distance; |
133 | lastPointWithDistance ++; |
134 | } |
135 | if ( ZERO === geometryCounter ) { |
136 | maneuver.itineraryPointObjId = itineraryPoint.objId; |
137 | } |
138 | } |
139 | maneuver.distance = distance; |
140 | this.#route.itinerary.maneuvers.add ( maneuver ); |
141 | } |
142 | ); |
143 | } |
144 | ); |
145 | |
146 | const wayPointsIterator = this.#route.wayPoints.iterator; |
147 | response.waypoints.forEach ( |
148 | wayPoint => { |
149 | if ( ! wayPointsIterator.done ) { |
150 | wayPointsIterator.value.latLng = [ wayPoint.location [ ONE ], wayPoint.location [ ZERO ] ]; |
151 | } |
152 | } |
153 | ); |
154 | |
155 | onOk ( this.#route ); |
156 | } |
157 | |
158 | |
159 | |
160 | |
161 | |
162 | |
163 | #getUrl ( ) { |
164 | |
165 | let wayPointsString = null; |
166 | this.#route.wayPoints.forEach ( |
167 | wayPoint => { |
168 | wayPointsString = wayPointsString ? wayPointsString + ';' : ''; |
169 | wayPointsString += |
170 | wayPoint.lng.toFixed ( LAT_LNG.fixed ) + ',' + |
171 | wayPoint.lat.toFixed ( LAT_LNG.fixed ); |
172 | } |
173 | ); |
174 | |
175 | |
176 | let transitModeString = ''; |
177 | switch ( this.#route.itinerary.transitMode ) { |
178 | case 'car' : |
179 | transitModeString = 'routed-car'; |
180 | break; |
181 | case 'bike' : |
182 | transitModeString = 'routed-bike'; |
183 | break; |
184 | case 'pedestrian' : |
185 | transitModeString = 'routed-foot'; |
186 | break; |
187 | default : |
188 | return; |
189 | } |
190 | return 'https://routing.openstreetmap.de/' + |
191 | transitModeString + |
192 | '/route/v1/driving/' + |
193 | wayPointsString + |
194 | '?geometries=polyline6&overview=full&steps=true&annotations=distance'; |
195 | } |
196 | |
197 | |
198 | |
199 | |
200 | |
201 | |
202 | |
203 | #getRoute ( onOk, onError ) { |
204 | fetch ( this.#getUrl ( ) ) |
205 | .then ( |
206 | response => { |
207 | if ( HTTP_STATUS_OK === response.status && response.ok ) { |
208 | response.json ( ) |
209 | .then ( result => this.#parseResponse ( result, onOk, onError ) ); |
210 | } |
211 | else { |
212 | onError ( new Error ( 'Invalid status ' + response.status ) ); |
213 | } |
214 | } |
215 | ); |
216 | } |
217 | |
218 | |
219 | |
220 | |
221 | |
222 | constructor ( ) { |
223 | super ( ); |
224 | } |
225 | |
226 | |
227 | |
228 | |
229 | |
230 | |
231 | |
232 | |
233 | getPromiseRoute ( route ) { |
234 | this.#route = route; |
235 | return new Promise ( ( onOk, onError ) => this.#getRoute ( onOk, onError ) ); |
236 | } |
237 | |
238 | |
239 | |
240 | |
241 | |
242 | |
243 | |
244 | get icon ( ) { |
245 | return '' + |
246 | 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWX' + |
247 | 'MAAA7DAAAOwwHHb6hkAAAAB3RJTUUH4QkaDwEMOImNWgAABTZJREFUSMftl21sFEUYx3+zu3ft9a7Q0tIXoKUCIkIVeYsECmgbBK' + |
248 | 'IIEVC0QEs0UIEghA+CEkkIaCyJBhFBBC00qHxoQClvhgLyEonyckhbFKS90iK0FAqFHr273R0/XNlCymEREr44X3by7DPzm5n9z8' + |
249 | 'x/hZRS8giKwiMqjwys3U/y/pIqdh0tp8RTS229F0yIaxtBz+R2jOjfhSFPJbW6L9Gab/zFdjfv5x/k2g0f4TYVISUCEJKmp8QfMG' + |
250 | 'jjsLNoShozxvR7MHD1VS+D53+Pp/oqmqJYoEBAxzQlQoKmCMJUJTgAwDQkye0j2f1JJvHRzvsH/3m+jqfn5IOUICWGYZIY5WTScz' + |
251 | '1J751EYjsXArh45QZ73BV8W1RC7VUvNkVBEBzUoZXZPJEc03rwhboGkqettWYopeSb2SPIHPbkPZfvu6JSZizfidIExpQU5+eQ0M' + |
252 | '7VOnDS9LVcvNKAkBDtDOf35ZOIj3K2SjSXrnoZNDOPuvqbCCA+yklxfs6/g3O3HOXd/ANoikCakvPrphEfFWG9P1R6ni+3n6Ck4h' + |
253 | 'JI6JUcS/YLqaQ/09nKuVx/kx6TVoGUmIZkYVYac18beG+wfeLnGIaBqZtseGckk59rXt7xH/5IwaHTRNjVO1Tt8wcY1b8rWxaPs3' + |
254 | 'J/OHiarKVbsKkqqoCLW+eFPkB2uD0EfAEAOsa67oC+tHgzW387iyNMQ0qJ1xfA6wsgpSTcprHX7eHFBZus/DFp3XksMRoAX0Bn16' + |
255 | '9nQ4N3HT+H0FQApqb3suLbj5Sx7UgZihA0Bgxmje5HeV4Ong05zB7bn8aAjhCCfSfOUfjLGatd5vBUkGDXVPYeKQ8NdldcCu7FgM' + |
256 | 'HIPilWfMU2N2E2FVNK3pvwLLlvDqNzXBuS2rdh6dShfJCZhikldpvKmkK31e75vin4AjoAxWU1ocHV17zBimnS4bYtcKysGgC/T2' + |
257 | 'feK/1bKHTu+AF4G4OfyH2m2oonxrgwTGmpPSRYms11VRFWPaA3vZCSMFvL4z3MpnFLorrZ3IkixG19y9DgmMjwWy34+0qDFe/RqR' + |
258 | '0AtjAbeUXFLcAbfjpJRHhwQI835QJU1zVYE4hqEx4anJocAwKEprK3uNKKZ6X3wjAlqiKYvXoP63c3wzfuKWHGil2oioJhSt7IaB' + |
259 | 'bl/hPnsNuCYu2ZEhd6Hxcc/ovxuYUoqqB7QhSnVmRZid1z1lFZcx0BGLqB36+DBIddw6YKhITEaCen8qZbbQbmfE1ZVR2GYbBuwc' + |
260 | 'uMHdrj7jMeN7CbVf+j8jI7jnmaBfbpZDrEuDClRFMVnA47LocdTVUwTUlctJPDK7Ot/KKj5ZSW1yIBw5R3QO/qQOaN7QcSNJvKq8' + |
261 | 'sKaWhSq8th5+xXb7F40mA6xUbScNPPDa+fjjGRLMwczOm86bR1hgFw06eT/dFWwuzBZZ45bkDrLglX5kp8fh0hITk2kpOfTcFhb5' + |
262 | '1ZafTrDJqZx7mL1xAED4+qzXMQrfFcB5ZMQPcbAFTWXichazU/3ya2UOVQcRXdMldRUX0teFT6DQo/ntgCek8jsPO4h1GLCrDbNZ' + |
263 | 'ASv1+nX9d4sjJSyeidREJ00AhcqGtgn7uCjUUlHDt9AYdNQyDx+XQKlkxgxIAu9299jpbVMGT+JgzDsG4j2TQIacqgFhRBuKagCm' + |
264 | 'HlaIpgZ+7r9O2e8N/NXsAwmbVmD2u2ubFpKpoiWpo9JNIIGr63R/dhWU4Gmqo8uMsE8OsG64tK2X3cQ7Gnhsv1jShS0L5tOL2SY8' + |
265 | 'jok8Lk4anYm263h2Jv//+FeRjlHxKxS4in4X1YAAAAAElFTkSuQmCC'; |
266 | } |
267 | |
268 | |
269 | |
270 | |
271 | |
272 | |
273 | |
274 | get name ( ) { return 'OSRM'; } |
275 | |
276 | |
277 | |
278 | |
279 | |
280 | |
281 | |
282 | get title ( ) { return 'OSRM'; } |
283 | |
284 | |
285 | |
286 | |
287 | |
288 | |
289 | |
290 | |
291 | get transitModes ( ) { return [ 'bike', 'pedestrian', 'car' ]; } |
292 | |
293 | |
294 | |
295 | |
296 | |
297 | |
298 | |
299 | get providerKeyNeeded ( ) { return false; } |
300 | |
301 | |
302 | |
303 | |
304 | |
305 | |
306 | |
307 | get userLanguage ( ) { return super.userLanguage; } |
308 | set userLanguage ( userLanguage ) { |
309 | super.userLanguage = theOsrmTextInstructions.loadLanguage ( userLanguage ); |
310 | } |
311 | } |
312 | |
313 | window.TaN.addProvider ( OsrmRouteProvider ); |
314 | |
315 | |
316 | |