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


Urbica

React Map Gl