github.com/bharatpe/g-mapify ↗

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

An animated visualization of bharatpe/g-mapify's Git history from June 2020 to February 2021, built by 4 contributors. The codebase reached 292 lines, mostly JavaScript. The video runs 13 seconds.

Render your own repo

Turn any GitHub repository into a video like this — free sample in seconds.

Visualize your own →

Open this visualization on its own page →

Language

JavaScript

Contributors

4

Lines of Code

292

From

2020-06-15

To

2021-02-17

Advertisement

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.

Advertisement

Share this video