All Projects → mapbox → Mapbox Gl Directions

mapbox / Mapbox Gl Directions

Licence: isc
Directions plugin for mapbox-gl-js using Mapbox Directions API.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Mapbox Gl Directions

lascallesdelasmujeres
Proyecto colaborativo para fomentar la generación de contenidos en OSM y Wikipedia, sobre mujeres.
Stars: ✭ 45 (-70.78%)
Mutual labels:  mapbox-gl-js, mapbox
vue-mapbox-map
A minimalist Vue component wrapping Mapbox GL or MapLibre GL for dynamic interaction!
Stars: ✭ 26 (-83.12%)
Mutual labels:  mapbox-gl-js, mapbox
react-mapboxgl
Declarative React components for mapbox-gl-js.
Stars: ✭ 15 (-90.26%)
Mutual labels:  mapbox-gl-js, mapbox
Road Orientation Map
A visualization of road orientations on an interactive map
Stars: ✭ 254 (+64.94%)
Mutual labels:  mapbox, mapbox-gl-js
Mapbox Gl Print Export For Port
Print/Export for Mapbox GL
Stars: ✭ 14 (-90.91%)
Mutual labels:  mapbox, mapbox-gl-js
maptalks.mapboxgl
MapboxglLayer for maptalks.js
Stars: ✭ 51 (-66.88%)
Mutual labels:  mapbox-gl-js, mapbox
impact-tools
Simple blueprints for change-makers
Stars: ✭ 34 (-77.92%)
Mutual labels:  mapbox-gl-js, mapbox
deck.gl-time-series-widget
A React Time Slider implementation for DECK.GL - (non)temporal data - by CPU filtering ⌛
Stars: ✭ 19 (-87.66%)
Mutual labels:  mapbox-gl-js, mapbox
Martin
Blazing fast and lightweight PostGIS vector tiles server
Stars: ✭ 540 (+250.65%)
Mutual labels:  mapbox, mapbox-gl-js
Mapdeck
R interface to Deck.gl and Mapbox
Stars: ✭ 296 (+92.21%)
Mutual labels:  mapbox, mapbox-gl-js
Terrastories
Terrastories is a geostorytelling application built to enable local communities to locate and map their own oral storytelling traditions about places of significant meaning or value to them. Check out our Wiki for open source development information.
Stars: ✭ 158 (+2.6%)
Mutual labels:  mapbox, mapbox-gl-js
Mapboxgl Minimap
Mapbox GL minimap control
Stars: ✭ 44 (-71.43%)
Mutual labels:  mapbox, mapbox-gl-js
web-maps-wcag-evaluation
Manual accessibility evaluation of popular web map tools.
Stars: ✭ 28 (-81.82%)
Mutual labels:  mapbox-gl-js, mapbox
angular-mapboxgl-directive
AngularJS directive for Mapbox GL
Stars: ✭ 43 (-72.08%)
Mutual labels:  mapbox-gl-js, mapbox
Mapbox Gl Js
Interactive, thoroughly customizable maps in the browser, powered by vector tiles and WebGL
Stars: ✭ 8,017 (+5105.84%)
Mutual labels:  mapbox, mapbox-gl-js
Mapbox Gl Controls
Stars: ✭ 93 (-39.61%)
Mutual labels:  mapbox, mapbox-gl-js
Tileserver Gl
Vector and raster maps with GL styles. Server side rendering by Mapbox GL Native. Map tile server for Mapbox GL JS, Android, iOS, Leaflet, OpenLayers, GIS via WMTS, etc.
Stars: ✭ 1,210 (+685.71%)
Mutual labels:  mapbox-gl-js
Landsat Tiler
A serverless Landsat tiles server using AWS Lambda
Stars: ✭ 126 (-18.18%)
Mutual labels:  mapbox-gl-js
Maplibre Gl Native
An open-source fork of Mapbox GL SDK for iOS and Android and other platforms
Stars: ✭ 65 (-57.79%)
Mutual labels:  mapbox
Editor
An open source visual editor for the 'Mapbox Style Specification'
Stars: ✭ 1,167 (+657.79%)
Mutual labels:  mapbox-gl-js

Mapbox GL Directions

A full featured directions plugin for Mapbox GL JS using the Mapbox Directions API. Quickly add UI to display driving, cycling, or walking directions on the map. The Mapbox Directions API is powered by the OSRM routing engine and open data from the OpenStreetMap project.

For directions functionality in native mobile and desktop applications, see Mapbox Android Services, MapboxDirections.swift, and MapboxNavigation.swift.

Usage

var mapboxgl = require('mapbox-gl');
var MapboxDirections = require('@mapbox/mapbox-gl-directions');

var directions = new MapboxDirections({
  accessToken: 'YOUR-MAPBOX-ACCESS-TOKEN',
  unit: 'metric',
  profile: 'mapbox/cycling'
});

var map = new mapboxgl.Map({
  container: 'map',
  style: 'mapbox://styles/mapbox/streets-v9'
});

map.addControl(directions, 'top-left');

Live example: https://www.mapbox.com/mapbox-gl-js/example/mapbox-gl-directions/

Deeper dive

See API.md for complete reference.

Contributing

See CONTRIBUTING.md.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].