All docsMapbox GL JSPlugins and frameworks

Plugins and frameworks

Mapbox GL JS plugins are created and maintained by the Mapbox developer community to share 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.

User interface plugins (14)

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-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.

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-export

Adds a control that exports the map as a PDF or PNG.

mapbox-gl-geocoder

Adds a geocoder control to Mapbox GL JS. Geocoding API calls are billable by request.

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.

Map Rendering Plugins (7)

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.

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.

Framework Integrations (9)

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.

@types/mapbox-gl

This npm package contains TypeScript type definitions for Mapbox GL JS.

Utility Libraries (8)

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.

expression-jamsession
simplespec-to-gl-style

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

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 Tools (4)

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-js-mock

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.