Overview:

The Urbica React Mapbox GL JS is a React component library that provides a seamless integration with Mapbox GL JS, a JavaScript library for interactive map rendering using WebGL. This project aims to closely resemble the Mapbox GL JS API and was inspired by the uber/react-map-gl project.

Features:

MapGL: Represents a map on the page.
MapContext: Utilizes the React Context API to provide access to the map instance.
Source: Specifies the geographic features to be rendered on the map.
Layer: Specifies the style for the sources.
Filter: Sets a filter to an existing layer.
CustomLayer: Allows rendering directly into the map's GL context.
Image: Adds an image to the map style.
Popup: A React component for Mapbox GL JS Popup.
Marker: A React component for Mapbox GL JS Marker.
FeatureState: Sets the state of a geographic feature rendered on the map.
AttributionControl: Represents the map's attribution information.
LanguageControl: Adds support for switching the language of the map style.
FullscreenControl: Contains a button for toggling the map in and out of fullscreen mode.
GeolocateControl: Geolocates the user and tracks their current location on the map.
NavigationControl: Contains zoom and rotation controls for the map.

Urbica

React Map Gl

UI Kit