Toggle or disable profile switcher.

Author: willwhite

src/controls/inputs.js

@@ -17,12 +17,13 @@ let tmpl = template(fs.readFileSync(__dirname + '/../templates/inputs.html', 'ut
  */
 export default class Inputs {
   constructor(el, store, actions, map) {
-    const { originQuery, destinationQuery, profile } = store.getState();
+    const { originQuery, destinationQuery, profile, profileSwitcher } = store.getState();
 
     el.innerHTML = tmpl({
       originQuery,
       destinationQuery,
-      profile
+      profile,
+      profileSwitcher
     });
 
     this.container = el;

src/directions.js

@@ -24,6 +24,7 @@ import Instructions from './controls/instructions';
  * @param {String} [options.accessToken=null] Required unless `mapboxgl.accessToken` is set globally
  * @param {Boolean} [options.interactive=true] Enable/Disable mouse or touch interactivity from the plugin
  * @param {String} [options.profile="mapbox/driving-traffic"] Routing profile to use. Options: `mapbox/driving-traffic`, `mapbox/driving`, `mapbox/walking`, `mapbox/cycling`
+ * @param {Boolean} [options.profileSwitcher=true] Whether to show the default profile switch with options for traffic, driving, walking and cycling.
  * @param {Boolean} [options.alternatives=true] Whether to enable alternatives.
  * @param {String} [options.unit="imperial"] Measurement system to be used in navigation instructions. Options: `imperial`, `metric`
  * @param {Function} [options.compile=null] Provide a custom function for generating instruction, compatible with osrm-text-instructions.

src/reducers/index.js

@@ -5,6 +5,7 @@ const initialState = {
   // Options set on initialization
   api: 'https://api.mapbox.com/directions/v5/',
   profile: 'mapbox/driving-traffic',
+  profileSwitcher: true,
   alternatives: false,
   unit: 'imperial',
   compile: null,

src/templates/inputs.html

@@ -20,6 +20,7 @@
     </div>
   </div>
 
+  <% if (profileSwitcher) { %>
   <div class='mapbox-directions-profile mapbox-directions-component-keyline mapbox-directions-clearfix'><input
       id='mapbox-directions-profile-driving-traffic'
       type='radio'
@@ -53,4 +54,5 @@
     />
     <label for='mapbox-directions-profile-cycling'>Cycling</label>
   </div>
+  <% } %>
 </div>