Google Location Autocomplete for React

google-location-autocomplete-react is a simple and reusable React component that leverages the Google Maps Places Autocomplete API. It allows for easy integration of Google's location autocomplete functionality into your React applications.

Repository

The source code is available at GitHub.

Feel free to dive in, open issues, and submit pull requests. Contributions are welcome!

Features

• Easy integration with React projects.
• Customizable styling using className prop.
• Utilizes Google Maps Places Autocomplete API.

Installation

To install the component, run the following command in your project directory:

1npm install google-location-autocomplete-react

Usage

Here's a basic example of how to use the GoogleLocationAutocomplete component in your React application:

1import React from 'react';
2import GoogleLocationAutocomplete from 'google-location-autocomplete-react';
3
4function MyComponent() {
5  return (
6    <div>
7      <GoogleLocationAutocomplete
8        apiKey="YOUR_GOOGLE_API_KEY"
9        className="your-custom-class"
10      />
11    </div>
12  );
13}
14
15export default MyComponent;

Replace "YOUR_GOOGLE_API_KEY" with your actual Google API key. Apply any custom styling by replacing "your-custom-class" with your desired Tailwind CSS or custom CSS classes.

Props

• apiKey (string): Your Google API key. Required
• className (string): Optional CSS classes for styling.

Requirements

• React 17.0.0 or later.
• A valid Google API key with Google Maps JavaScript API and Places API enabled.

Contributing

Contributions are welcome! Please feel free to submit a pull request or create an issue for any enhancements, bug fixes, or feature requests.

Support

If you encounter any problems or have any queries regarding the usage of this component, please open an issue on the GitHub repository. **