I'm currently integrating the react-google-places-autocomplete package into my project and I require the latitude and longitude from an address. Despite following their documentation, I keep encountering the error message:
"This API project is not authorized to use this API. For more information on authentication and Google Maps JavaScript API services"
Even after enabling Geocoding and GeoLocating APIs, I am still facing the same issue. Below is a snippet of my code:
import GooglePlacesAutocomplete, { geocodeByAddress, getLatLng } from 'react-google-places-autocomplete';
const handleAddress = (e) => {
setSelectedAddress(e);
geocodeByAddress('Montevideo, Uruguay')
.then(results => getLatLng(results[0]))
.then(({ lat, lng }) =>
console.log('Successfully retrieved latitude and longitude', { lat, lng })
);
<GooglePlacesAutocomplete
apiKey={config.url.Google_key}
selectProps={{
placeholder: 'Address *',
name: "address",
inputValue: inputField['address'],
onInputChange: (e) => {setInputField({...inputField, ['address']: e})},
onChange: (place) => {handleAddress(place.label); setErrorAddress(false);console.log(place)}
}}
/>
For testing purposes, I am using a static address at the moment. Please advise on what could be going wrong in my implementation.