my-google-map-autocomplete
v0.0.4
Published
Google Map Autocomplete search api
Maintainers
Readme
MY-GOOGLE-MAP-AUTOCOMPLETE
This is a javascript that uses Google Maps Places Autocomplete, Details and Geocode to help build an app capable of leveraging the power of Google Maps Places API in an easy way. It can be used it React, React Native and other javascript related projects.
HOW TO USE
- Install the package.
npm i use-places-autocomplete- Initialize the Google API Key in the entry point of your app.
import {Configure} from 'my-google-map-autocomplete';
Configure({
GOOGLE_API_KEY: 'YOUR-GOOGLE-API-KEY-HERE'
});- Use it normally.
import {PlaceAutocomplete, PlaceInfo, GeocodeInfo} from 'my-google-map-autocomplete';
React.useEffect(() => {
async function locationTest() {
const autocompleteInfo = await PlaceAutocomplete('california');
const placenfo = await PlaceInfo(autocompleteInfo[0].place_id);
const {lat, lng} = placenfo.geometry.location;
const geoInfo = await GeocodeInfo(lat, lng);
console.log(autocompleteInfo);
console.log(placenfo);
console.log(geoInfo);
}
locationTest();
}, [])