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 (5)

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.
L7
Adds large-scale WebGL-powered geospatial data visualization framework 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.