bharatpe/g-mapify

Created Feb 23, 2021 · View the bharatpe/g-mapify repository page

Flexible react google map with more options of search, pick & select.

Want this for your repo?

Render a free sample of any GitHub repo in seconds.

Visualize your own →

Contributors

4

Lines of Code

292

From

Jun 15, 2020

To

Feb 17, 2021

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.

Share this video