github.com/bharatpe/g-mapify ↗
Flexible react google map with more options of search, pick & select.
Open this visualization on its own page →
Contributors
4
Lines of Code
292
From
2020-06-15
To
2021-02-17
About bharatpe/g-mapify
g-mapify is a React component library that wraps Google Maps with additional functionality for search, location picking, and marker selection. Built by BharatPe, it provides a flexible interface for integrating interactive maps into React applications with minimal configuration required beyond a Google Maps API key.
The library supports multiple use cases including basic map display, location search with autocomplete, and displaying multiple custom markers on a single map. It offers extensive customization through props like custom map styling, marker icons, zoom levels, and search input placement. Notable features include debounced search functionality, the ability to access underlying map data through refs, and an address formatter utility that converts Google Maps address components into structured objects for easy data extraction.
The component is designed for developers who need more control over Google Maps behavior than standard implementations provide, particularly for applications requiring location selection workflows. It's available as an npm package and includes examples demonstrating basic maps, search-enabled maps, and multi-marker scenarios. The library is built using create-react-library and maintains an ISC license under BharatPe's ownership.