Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/netojose/react-google-places-typeahead
Google Maps Places Autocomplete React component
https://github.com/netojose/react-google-places-typeahead
autocomplete google-autocomplete google-maps google-places-api react
Last synced: about 6 hours ago
JSON representation
Google Maps Places Autocomplete React component
- Host: GitHub
- URL: https://github.com/netojose/react-google-places-typeahead
- Owner: netojose
- License: mit
- Created: 2019-12-08T13:38:54.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-04T13:33:15.000Z (almost 2 years ago)
- Last Synced: 2024-10-06T04:21:35.976Z (about 1 month ago)
- Topics: autocomplete, google-autocomplete, google-maps, google-places-api, react
- Language: JavaScript
- Homepage:
- Size: 394 KB
- Stars: 6
- Watchers: 2
- Forks: 2
- Open Issues: 15
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Google Maps Places Autocomplete React component
A React component to build a customized UI for Google Maps Places Autocomplete
* [Demo](#demo)
* [Features](#features)
* [Instalation](#instalation)
* [Getting Started](#getting-started)
* [Props](#props)
* [Utility Functions](#utility-functions)
## Demo
* [Online demo on Heroku](https://react-google-places-typeahead.herokuapp.com/)
* [Demo source code](https://github.com/netojose/react-google-places-typeahead-demo/)
## Features
*Comming soon*
## Instalation
```bash
npm install --save @netojose/react-google-places-typeahead
```
## Getting Started
*Comming soon*
## Props
| prop | Description | type | default value | required |
|---------------------------------- |--------------------------------------------------------------------- |---------- |--------------- |---------- |
| [children](#children) | function to render items | function | | Yes |
| [value](#value) | Search input value | string | | Yes |
| [onChange](#onChange) | On change event | function | | Yes |
| [onError](#onError) | On error event | function | () => null | No |
| [gMapsCallback](#gMapsCallback) | Callback name to initialise component after google script is loaded | string | null | No |
| [onSelect](#onSelect) | On select event | function | () => null | No |
| [debounce](#debounce) | Interval between each Google API service call (in ms) | integer | 200 | No |
| [searchOptions](#searchOptions) | Options to Google Maps API | object | {} | No |
### children
*Comming soon*
### value
*Comming soon*
### onChange
*Comming soon*
### onError
*Comming soon*
### gMapsCallback
*Comming soon*
### onSelect
*Comming soon*
### debounce
*Comming soon*
### searchOptions
*Comming soon*
## Utility Functions
* [geocodeByPlaceId](#geocodeByPlaceId)
* [geocodeByAddress](#geocodeByAddress)
* [getLatLng](#getLatLng)
* [loadScript](#loadScript)
### geocodeByPlaceId
*Comming soon*
### geocodeByAddress
*Comming soon*
### getLatLng
*Comming soon*
### loadScript
*Comming soon*