Docs
Navigation SDKs
All docs
Docs
Mapbox GL JS
Plugins

Plugins

User Interface Plugins (10)

mapbox-gl-accessibility
Integrates with ARIA-compatible screen readers for users with visual impairments.
mapbox-gl-boundaries
Enables users to show/hide disputed borders.
mapbox-gl-compare
Enables users to compare two maps by swiping left and right.
View example
mapbox-gl-controls
alternative basic map controls
mapbox-gl-directions
Adds a control which allows users to plot driving, walking, and cycling directions on the map.
View example
mapbox-gl-draw
Adds support for drawing and editing features on Mapbox GL JS maps.
View example
mapbox-gl-geocoder
Adds a Geocoder control to Mapbox GL JS.
View example
mapbox-gl-infobox
adds a control to display an infobox or a gradient
mapbox-gl-style-switcher
adds a control to switch between styles
mapboxgl-minimap
Adds a control showing a miniature overview of the current map.

Map Rendering Plugins (4)

mapbox-gl-language
Automatically localizes the map into the user’s language.
mapbox-gl-rtl-text
Adds right-to-left text support to Mapbox GL JS.
View example
mapbox-gl-traffic
Hide and show traffic layers on your map with an optional toggle button.
deck.gl
Adds advanced WebGL visualization layers to Mapbox GL JS.

Framework Integrations (7)

echartslayer

Provides an echarts integration for Mapbox GL JS.

wtMapbox

Provides a Webtoolkit integration for Mapbox GL JS.

react-mapbox-gl

Provides a React integration for Mapbox GL JS.

angular-mapboxgl-directive

Provides an AngularJS directive for Mapbox GL JS.

ngx-mapbox-gl

Provides an Angular integration for Mapbox GL JS.

elm-mapbox

Provides an Elm integration for Mapbox GL JS.

ember-mapbox-gl

Provides an Ember integration for Mapbox GL JS.

Utility Libraries (8)

turf
Provides advanced geospatial analysis tools.
mapbox-gl-layer-groups
Manages layer groups in Mapbox GL JS.
expression-jamsession

converts Mapbox Studio formulas into expressions

simplespec-to-gl-style

Converts GeoJSON styled with simplestyle-spec to a Mapbox GL Style.

mapbox-gl-supported
Determines if the current browser supports Mapbox GL JS.
View example
mapbox-gl-sync-move
Syncs movement between two Mapbox GL JS maps.
mapbox-choropleth
create a choropleth layer from a CSV source and a geometry source
mapbox-gl-utils
manage layers, sources and properties with syntactic sugar and convenience functions

Development Tools (4)

mapbox-gl-js-mock

Is a mock of Mapbox GL JS.

mapbox-gl-inspect
Adds an inspect control to view vector source features and properties.
mapbox-gl-fps
A frames-per-seconds GUI control and measurer with statistic report output.
mapbox-gl-framerate
A frame rate control to evaluate map rendering performance.