Hook para obtener datos de geolocalizacion
npm install ait25-usegeolocation-hookuseGeolocation es un hook personalizado de React que permite obtener la ubicación del usuario mediante la API de Geolocalización del navegador.
Para instalar ejecuta el siguiente comando:
``sh`
npm install ait25-usegeolocation-hook
O usando Yarn:
`sh`
yarn add ait25-usegeolocation-hook
Importa el hook en tu componente y úsalo para solicitar la ubicación del usuario:
`tsx
import React from 'react';
import { useGeolocation } from 'ait25-usegeolocation-hook';
// Use the correct type from the hook
const MyLocationComponent: React.FC = () => {
const { locationData, error, isLoading, requestLocation } = useGeolocation();
return (
Error: {error}
}Loading location...
}Latitude: {locationData ? locationData.latitude : 'Not available'}
Longitude: {locationData ? locationData.longitude : 'Not available'}
Accuracy: {locationData ? ${locationData.accuracy} meters : 'Not available'}
export default MyLocationComponent;
`
El hook useGeolocation devuelve los siguientes valores:
- location (boolean): Indica si la ubicación ha sido obtenida correctamente.locationData
- ({ latitude: number, longitude: number, accuracy: number } | undefined): Contiene los datos de geolocalización si la ubicación ha sido obtenida.error
- (string | null): Contiene un mensaje de error si ocurre algún problema al obtener la ubicación.isLoading
- (boolean): Indica si la solicitud de ubicación está en progreso.requestLocation
- (() => Promise): Función para solicitar la ubicación del usuario manualmente.
Este hook requiere que el navegador tenga activada la API de geolocalización y que el usuario conceda permisos para acceder a la ubicación.
Este hook es compatible con navegadores modernos que soporten la API navigator.geolocation`.
Este proyecto está licenciado bajo la licencia MIT.