chalo-location-search-input
v1.0.4
Published
A React component to build a customized UI of https://github.com/hibiken/react-places-autocomplete
Downloads
6
Maintainers
gonzaloperezbarriosReadme
Welcome to chalo-location-search-input!
Hi! It's a React component to build a customized UI of https://github.com/hibiken/react-places-autocomplete.
It's too a component Google Maps Places Autocomplete for React.
Install-package
- npm install chalo-location-search-input
- yarn add chalo-location-search-input
What does it?
It connects to the google API and returns the validated address
How to implated it?
You can see the example complete in directory src/example/ExampleImplementation.js
// src/example/ExampleImplementation.js
...
//It's a method when response ok
handleSuccess = response => {
console.log("success: Direction valid",response);
};
//It's a method when response bad
handleError = response => {
console.log("error: Direction inavlid",response);
};
render () {
return (<LocationSearchInput
handleSuccess={this.handleSuccess}
handleError={this.handleError}
/>)
}Additional note, the Google API script is required.
//public/index.html
...
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR-KEY-GOOGLE-API&libraries=places"></script>
</body>
...