Adds language parameter (#222)

* Update directions.js

* Update index.js

* adds language parameter

* fixes version number

* 4.0.2

* updates changelog

CHANGELOG.md

@@ -1,3 +1,6 @@
+## 4.0.2
+- Adds language parameter to allow turn-by-turn instructions in other [supported languages](https://docs.mapbox.com/api/navigation/#instructions-languages) 
+
 ## 4.0.1
 - Update packages to resolve polyline dependency
 - Update peerDependency for Mapbox-GL-JS to support v1.0 release

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mapbox/mapbox-gl-directions",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "description": "A mapboxgl plugin for the Mapbox Directions API",
   "main": "./src/index.js",
   "browserify": {

src/actions/index.js

@@ -52,7 +52,7 @@ function setHoverMarker(feature) {
 
 function fetchDirections() {
   return (dispatch, getState) => {
-    const { api, accessToken, routeIndex, profile, alternatives, congestion, destination } = getState();
+    const { api, accessToken, routeIndex, profile, alternatives, congestion, destination, language } = getState();
     // if there is no destination set, do not make request because it will fail
     if (!(destination && destination.geometry)) return;
 
@@ -65,6 +65,7 @@ function fetchDirections() {
     if (congestion) options.push('annotations=congestion');
     options.push('steps=true');
     options.push('overview=full');
+    if (language) options.push('language='+language);
     if (accessToken) options.push('access_token=' + accessToken);
     request.abort();
     request.open('GET', `${api}${profile}/${query}.json?${options.join('&')}`, true);

src/directions.js

@@ -35,6 +35,7 @@ import Instructions from './controls/instructions';
  * @param {Boolean} [options.controls.instructions=true] Hide or display the instructions control.
  * @param {Boolean} [options.controls.profileSwitcher=true] Hide or display the default profile switch with options for traffic, driving, walking and cycling.
  * @param {Number} [options.zoom=16] If no bbox exists from the geocoder result, the zoom you set here will be used in the flyTo.
+ * @param {String} [options.language="en"] The language of returned turn-by-turn text instructions. See supported languages : https://docs.mapbox.com/api/navigation/#instructions-languages
  * @param {String} [options.placeholderOrigin="Choose a starting place"] If set, this text will appear as the placeholder attribute for the origin input element.
  * @param {String} [options.placeholderDestination="Choose destination"] If set, this text will appear as the placeholder attribute for the destination input element.
  * @param {Boolean} [options.flyTo=true] If false, animating the map to a selected result is disabled.

src/reducers/index.js

@@ -12,6 +12,7 @@ const initialState = {
   placeholderOrigin: 'Choose a starting place',
   placeholderDestination: 'Choose destination',
   zoom: 16,
+  language: 'en',
   compile: null,
   proximity: false,
   styles: [],