Awesome GitHub RepositoriesReact Map Components

This project is a community-driven knowledge base that serves as a centralized directory for the React and React Native ecosystems. It functions as a developer discovery portal, aggregating high-quality libraries, frameworks, and learning resources to assist in the research and selection of tools for modern web and mobile application development. The repository distinguishes itself through a hierarchical taxonomy that organizes a fragmented landscape of third-party software into functional domains. By utilizing markdown-based content curation, it provides a structured index that allows develo

Kepler.gl is a web-based geospatial visualization framework designed for rendering large-scale location datasets. It functions as a modular React mapping component that enables developers to embed interactive, high-performance geographic visualizations into web applications, serving as a comprehensive engine for building browser-based GIS dashboards. The library distinguishes itself through a highly extensible architecture that centers on centralized state management. By utilizing a predictable state-driven model, it allows for the programmatic control of map layers, filters, and viewport set

react-map-gl is a library of reusable components and hooks for embedding high-performance WebGL map visualizations within React applications. It provides a declarative wrapper for Mapbox GL JS, synchronizing the map state and styles with a component-based state management system. The toolkit enables the rendering of complex 2D and 3D geospatial data visualizations on map layers. It includes a framework for developing custom map components and specialized user interface elements using shared context and dedicated hooks. The library manages interactive map integration and geospatial data visua

react-map-gl is a React component library for embedding and controlling Mapbox GL JS interactive maps. It serves as a high-level bridge that maps the imperative methods of the Mapbox GL JS engine to a declarative component state. The project allows for the development of custom map interfaces and geospatial data visualizations. It enables the creation of location-based web applications by providing a reusable UI element for rendering vector tiles and spatial information.

Google map library for react that allows rendering components as markers :tada:

MapCN is a React component library that wraps MapLibre GL into declarative, composable building blocks for interactive maps. It provides a set of small, reusable components for rendering maps, placing markers, drawing routes, and clustering points, all managed through React hooks, context, and refs for state and lifecycle control. The library distinguishes itself by offering a complete set of map features as individual React components that automatically adapt to light and dark themes. It includes components for interactive map rendering with zero configuration, marker placement with popups a

Ce projet est une bibliothèque de composants SIG et un wrapper React pour la bibliothèque de cartographie Leaflet. Il agit comme un pont entre l'API impérative de Leaflet et la gestion d'état déclarative de React, permettant la création de cartes géographiques interactives et de visualisations de données spatiales. La bibliothèque utilise une architecture basée sur les composants pour rendre des cartes avec des marqueurs et des couches. Elle synchronise le DOM virtuel de React avec le registre de couches interne de la carte pour maintenir un état géographique cohérent, en mappant les cycles de vie des composants à l'ajout et à la suppression de couches cartographiques. L'outil fournit des capacités pour la gestion dynamique de l'état de la carte et l'intégration d'événements cartographiques. Il permet la distribution d'instances de carte via un fournisseur et expose l'instance Leaflet sous-jacente via des références pour un accès direct aux méthodes API de bas niveau.

kbar is a React command palette library that gives applications a searchable overlay for finding and executing commands using the keyboard. It includes keyboard shortcut binding, so users can trigger commands directly without opening the palette, and supports nested sub-menu navigation, allowing actions to be organized into hierarchical groups that can be drilled into and back out of with arrow keys. The library differentiates itself through a hook-based API that lets any React component register commands and shortcuts declaratively, alongside a global keyboard listener that handles palette a

Ce projet est un wrapper Google Maps pour React et une bibliothèque d'intégration qui relie l'API JavaScript Google Maps à une architecture basée sur des composants déclaratifs. Il fournit un composant de carte interactif pour le rendu des vues de carte, des marqueurs et des superpositions en utilisant des coordonnées géographiques et du HTML personnalisé. La bibliothèque sert d'outil de visualisation de données géographiques et d'interface de recherche basée sur la carte. Elle permet l'implémentation de la fonctionnalité de recherche de lieux et des entrées d'autocomplétion intégrées directement à la vue cartographique. La surface de capacité couvre les services basés sur la localisation, notamment la visualisation d'itinéraires, la vue panoramique de rue et la création de formes cartographiques géométriques. Elle prend en charge diverses options de rendu telles que des couches de données spécialisées pour le trafic et les cartes de chaleur, des superpositions HTML et canvas personnalisées, et le regroupement de marqueurs pour gérer des ensembles de points à haute densité. Des outils de dessin interactifs et des fenêtres d'information sont également disponibles pour définir des zones et fournir des détails de localisation.

React Google Maps API is a component library designed to embed interactive Google Maps and geographic overlays inside React applications using declarative markup. It provides tools for building responsive mapping interfaces within component-based architectures to handle user navigation and location data. The library manages the integration by wrapping imperative mapping library instances inside declarative component lifecycles, translating React updates into the appropriate DOM mutations. It includes an asynchronous script injection loader that tracks and initializes external script dependen