react-map-gl is a suite of React components designed to provide a React API for mapbox-gl or maplibre-gl.

Comes with additional React interfaces such as context and hooks to support custom components. Use together with e.g. deck.gl to render performant and compelling 2D and 3D WebGL visualizations on top of your MapLibre GL JS and Mapbox GL JS based maps.

import React from 'react'; import MapGL from '@urbica/react-map-gl'; import 'mapbox-gl/dist/mapbox-gl.css'; <MapGL style={{ width: '100%', height: '400px' }} mapStyle='mapbox://styles/mapbox/light-v9' accessToken={MAPBOX_ACCESS_TOKEN} latitude={37.78} longitude={-122.41} zoom={11} />;

We sometimes render two maps side by side, and when the user interacts with one, update both cameras. We draw React UI outside of the map container, that moves with the camera. We also render WebGL graphic overlays on top of the map, most notably with deck.gl.

Using react-map-gl requires node >= 12 and react >= 16.3.

First version to support Mapbox GL JS' official types and MapLibre GL JS v5. This version fully separates the code that support each compatible map library: react-map-gl/mapbox: for use with mapbox-gl>=3.5.0

Hosts GlobalFishingWatch apps and libraries. react map environment typescript monorepo fishing gfw deckgl react-map-gl maplibre-gl-js

Skip to main content · Examples · Mapbox · Clusters · Markers, Popups and Controls · Custom Cursor · Draggable Marker · Draw Polygon · Highlight By Filter · Geocoder

We cannot provide a description for this page right now

2 weeks ago - npm i react-map-gl · github.com/visgl/react-map-gl · github.com/visgl/react-map-gl#readme · 1,655,090 · 8.1.1 · MIT · 12 days ago · pessimistress · ibgreen · chrisgervang · felixpalmer · usefulthink · donmccurdy · Analyze security with SocketCheck bundle sizeView package healthExplore dependencies ·

A React binding of mapbox-gl-js. Contribute to alex3165/react-mapbox-gl development by creating an account on GitHub.

Contribute to mathjoy/react-map-gl development by creating an account on GitHub.

React friendly API wrapper around MapboxGL JS. Contribute to visgl/react-map-gl development by creating an account on GitHub.

react-map-gl is a suite of React components designed to provide a React API for mapbox-gl or maplibre-gl.

React friendly API wrapper around MapboxGL JS. Contribute to remix/react-map-gl development by creating an account on GitHub.

npm install react-map-gl mapbox-gl @types/mapbox-gl

React Component to enhance Urbica's React Map GL to use Mapbox Draw tools.

React friendly API wrapper around MapboxGL JS. Contribute to kylebarron/react-map-gl development by creating an account on GitHub.

A React binding of mapbox-gl-js. Contribute to alex3165/react-mapbox-gl development by creating an account on GitHub.

React friendly API wrapper around MapboxGL JS. Contribute to rilyu/react-map-gl development by creating an account on GitHub.