awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
google-map-react avatar

google-map-react/google-map-react

0
View on GitHub↗
6,470 stars·855 forks·JavaScript·MIT·21 viewsgoogle-map-react.github.io/google-map-react/map/main↗

Google Map React

google-map-react is a JavaScript library that integrates Google Maps into React applications by rendering any React component as a custom map marker. It provides direct access to the native Google Maps API internals, enabling advanced custom operations beyond standard marker placement.

The library distinguishes itself by allowing fully custom interactive markers and content, replacing default Google Maps markers and balloons with React components. It supports server-side rendering so search engines can index map content without requiring JavaScript, and includes an internal algorithm for detecting hover events on map objects even when zoomed out.

Additional capabilities include displaying interactive info windows when markers are clicked, filtering markers based on user criteria, and loading the Google Maps API on demand only when the map component is first used. The library can also calculate and render component positions before the Google Maps API has finished loading.

Documentation and installation instructions are available through the project's repository.

Features

  • Custom React Component Markers - Places any React component as a map marker, enabling fully custom visuals and interactive content.
  • Custom React Component Markers - Renders any React component as a map marker, replacing default markers with fully custom interactive elements.
  • Google Maps Web Integrations - Provides direct access to native Google Maps API internals for advanced custom operations.
  • Hover Detections Over Views - Detects hover events on map objects using an internal algorithm, even when zoomed out.
  • Marker Filtering - Hides or shows markers based on user-selected criteria for focused views of relevant locations.
  • Marker Information Windows - Shows detailed content in popups when markers are clicked, providing additional location information.
  • Server-Side Rendering - Renders map components on the server for search engine indexing without JavaScript.

Star history

Star history chart for google-map-react/google-map-reactStar history chart for google-map-react/google-map-react

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Frequently asked questions

What does google-map-react/google-map-react do?

google-map-react is a JavaScript library that integrates Google Maps into React applications by rendering any React component as a custom map marker. It provides direct access to the native Google Maps API internals, enabling advanced custom operations beyond standard marker placement.

What are the main features of google-map-react/google-map-react?

The main features of google-map-react/google-map-react are: Custom React Component Markers, Google Maps Web Integrations, Hover Detections Over Views, Marker Filtering, Marker Information Windows, Server-Side Rendering.

Which projects share features with google-map-react/google-map-react?

Projects with overlapping indexed features include: istarkov/google-map-react — Google map library for react that allows rendering components as markers :tada:. sebholstein/angular-google-maps — This project is a collection of reusable components designed to integrate Google Maps into web applications built with… tomchentw/react-google-maps — This project is a Google Maps React wrapper and integration library that bridges the Google Maps JavaScript API with a… hpneo/gmaps — gmaps is a library that provides a wrapper for the Google Maps API, serving as a geospatial data toolkit and… reactjs/server-components-demo — This project is an implementation of React Server Components, providing a full-stack component architecture that… answerdotai/fasthtml — FastHTML is a full-stack Python web framework designed for building interactive web applications using pure Python. It…

Projects sharing features with Google Map React

These projects share indexed features with Google Map React. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • istarkov/google-map-reactistarkov avatar

    istarkov/google-map-react

    6,470View on GitHub↗

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

    JavaScript
    View on GitHub↗6,470
  • sebholstein/angular-google-mapssebholstein avatar

    sebholstein/angular-google-maps

    2,028View on GitHub↗

    This project is a collection of reusable components designed to integrate Google Maps into web applications built with the Angular framework. It provides a declarative interface for embedding interactive maps, allowing developers to configure map instances, markers, and overlays directly through standard framework templates and property bindings. The library distinguishes itself by wrapping imperative mapping services into a lifecycle-managed architecture. It handles the asynchronous loading of external mapping scripts and ensures that map instances and event listeners are properly cleaned up

    TypeScriptagmangularangular2
    View on GitHub↗2,028
  • tomchentw/react-google-mapstomchentw avatar

    tomchentw/react-google-maps

    4,626View on GitHub↗

    This project is a Google Maps React wrapper and integration library that bridges the Google Maps JavaScript API with a declarative component-based architecture. It provides an interactive map component for rendering map views, markers, and overlays using geographic coordinates and custom HTML. The library serves as a geographic data visualization tool and a map-based search interface. It enables the implementation of place search functionality and autocomplete inputs integrated directly with the map view. The capability surface covers location-based services including route visualization, pa

    JavaScriptgoogle-maps-javascript-apireactreact-styleguidist
    View on GitHub↗4,626
  • hpneo/gmapsHPNeo avatar

    HPNeo/gmaps

    6,984View on GitHub↗

    gmaps is a library that provides a wrapper for the Google Maps API, serving as a geospatial data toolkit and interactive map renderer. It simplifies the integration of interactive maps into web applications by managing the embedding of map views and the lifecycle of markers. The project distinguishes itself through a specialized set of utilities for geocoding, which converts physical addresses to geographic coordinates and vice versa. It also includes a static map generator for creating non-interactive map images for lightweight environments. The capability surface covers geographic data vis

    JavaScript
    View on GitHub↗6,984
  • Compare all 30 related projects→