Mapbox GL JS plugins include features and functionality that extend the core
Mapbox GL JS library.
Many plugins are maintained by the Mapbox developer community and welcome
questions and contributions on GitHub.
If you know of a Mapbox GL JS plugin that should be added, removed, or updated
here, let us know by using the Share your feedback widget on this
page.
User Interface Plugins
UI plugins offer features and functionality related to map controls and other things that users can touch or interact with, like draw tools, map export tools, directions and geocoding controls, and more.
mapbox-gl-compare
Enables users to compare two maps by swiping left and right.
mapbox-gl-controls
Adds controls for a ruler, style inspector, localization, and style switcher.
mapbox-gl-directions
Adds a control to allow users to plot driving, walking, and cycling directions on the map. Directions API calls are billable by request .
mapbox-gl-draw
Adds support for drawing and editing features on Mapbox GL JS maps.
mapbox-gl-elevation
Adds a control that inquiry altitude from terrain RGB tileset.
mapbox-gl-infobox
Adds a control to display an infobox or a gradient.
mapbox-gl-legend
Adds a control that shows a legend generated from the map style.
mapbox-gl-opacity
Make multiple tile layers transparent.
mapbox-gl-style-switcher
Adds a control to switch between styles.
mapboxgl-minimap
Adds a control to show a miniature overview of the current map.
mapbox-gl-globe-minimap
Adds a control to show a miniature globe indicating the center point of the current map.
Map Rendering Plugins
Map rendering plugins offer features and functionality related to things that appear on a map, like advanced custom layers, map labels, data visualizations, and more.
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.
mapbox-gl-traffic
Hide and show traffic layers on your map with an optional toggle button.
mapbox-gl-animated-popup
An animated popup component for Mapbox GL JS.
mapbox-gl-rain-layer
An animated rain layer for Mapbox GL JS.
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.
flowmap.blue
Render a geographic flow map visualization from a spreadsheet published on Google Sheets.
TextureMap
Textures, patterns, and shapes that make web maps work for people with color vision deficiency. Design colorblind-friendly Mapbox GL maps.
mapbox-gl-fontawesome-markers
Adds Fontawesome icons to Mapbox GL JS default Map Markers.
Framework Integrations
Framework integration plugins can help you use Mapbox GL JS with external frameworks.
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.
vue-mapbox
Provides a Vue.js integration for Mapbox GL JS.
Utility Libraries
Utility library plugins offer features and functionality for tasks like data processing and format conversion, synchronizing objects, or building with convenience methods.
turf
Provides advanced geospatial analysis tools.
mapbox-gl-layer-groups
Manages layer groups in Mapbox GL JS.
mapbox-gl-supported
Determines if the current browser supports Mapbox GL JS.
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 tool plugins offer features and functionality related to the development process, like inspection tools that give you insight into a map’s performance or data sources.
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.
Ready to get started?
Create a free account to start building with Mapbox.
Additional Developer Resources
Was this page helpful?