Cómo usar geolocalización al codificar con javascript

Escritores de código javascript necesario tener una comprensión forma en la geolocalización. La API de Geolocalización da programas de acceso a la funcionalidad de geolocalización del navegador web, lo que puede indicar al programa la ubicación del dispositivo en la Tierra. La API de geolocalización es una de las APIs de HTML5 más bien apoyado y se lleva a cabo en alrededor de 90 por ciento de los navegadores de escritorio y móviles, incluyendo todos los grandes, a excepción de Opera Mini.

¿Qué hace de geolocalización?

La API de Geolocalización describe cómo javascript puede interactuar con el

navigator.geolocation objeto con el fin de obtener datos sobre la posición actual de un dispositivo, incluyendo

  • Latitud: La latitud en grados decimales

  • Longitud: La longitud en grados decimales

  • Altitud: La altitud en metros

  • Encabezamiento: La dirección del dispositivo está viajando

  • Velocidad: La velocidad del dispositivo en metros por segundo

  • Exactitud: La precisión de la latitud y la longitud, medida en metros

Con la obtención de algunos o todos estos datos, una aplicación de javascript se ejecuta en un navegador web puede colocar un usuario en un mapa, fuentes de consulta, como Google Maps para puntos de referencia o restaurantes locales para el usuario, y mucho más.

¿Cómo funciona la geolocalización?

Cuando javascript inicia una solicitud de la posición de los dispositivos, a través de la Geolocalización objeto, un número de pasos tienen lugar, antes de la información de la posición que se devuelve.

Lo primero que debe suceder es que el navegador tiene que asegurarse de que el usuario ha dado permiso para que la aplicación web en particular para acceder a la información de geolocalización del dispositivo. Diferentes navegadores solicitar al usuario el permiso de diferentes maneras, pero se hace normalmente a través de algún tipo de popup o notificación.

El navegador Chrome muestra un icono de geolocalización y un mensaje debajo de la barra de direcciones cuando un sitio web solicita acceso a los datos de geolocalización.

Cromo muestra solicitudes de geolocalización por debajo de la barra de direcciones.
Cromo muestra solicitudes de geolocalización por debajo de la barra de direcciones.

Después de dar un acceso a la web a sus datos de geolocalización, el navegador intenta encontrar. Lo hace a través de una serie de diferentes medios, empezando por el más preciso y proceder a través de formas menos precisas.

Si el programa indica que se requiere una gran precisión, geolocalización pasará más tiempo tratando de acceder a la información del GPS de alta precisión. De lo contrario, el navegador intentará equilibrar la velocidad con precisión para obtener los resultados más precisos a partir de cualquiera de las siguientes fuentes, cuando esté disponible:

  • De posicionamiento por satélite GPS

  • Su conexión de red inalámbrica

  • La antena de telefonía móvil de su teléfono o dispositivo móvil está conectado a

  • La dirección IP de su dispositivo u ordenador

¿Cómo se utiliza geolocalización?

La clave para usar geolocalización es la navigator.geolocation objeto de getCurrentPosition método. los getCurrentPosition método puede tomar tres argumentos:

  • éxito: Una llamada de retorno que se aprobó una Posición objetar cuando geolocalización tiene éxito

  • error: Una llamada de retorno opcional que se aprobó la Positionerror objetar cuando falla geolocalización

  • Opciones: Un opcional PositionOptions objeto que se puede utilizar para controlar varios aspectos de cómo se realiza la búsqueda de geolocalización

los Posición objeto que se devuelve por el getCurrentPosition método contiene dos propiedades:

  • Position.coords: Contiene una Coordenadas objeto que describe la ubicación

  • Position.timestamp: El momento en que se recupera la ubicación

Este ejemplo muestra cómo se puede utilizar la getCurrentPosition método para obtener el Posición objeto y bucle a través de los valores de retorno en Position.coords.

El objeto Posición

Si el dispositivo que ejecuta este código en soportes de geolocalización y el navegador puede determinar su ubicación, los resultados de ejecutar este script deben parecerse esto.

Impresión de los valores de retorno de las etiquetas & lt; span class = Positien obje "width =" 535 "/>
Impresión de los valores de retorno de la Positien objeto.

Nótese que varias de las propiedades de la Coordenadas objeto son todos nulos. Esto se debe a que fue ejecutado utilizando una computadora de escritorio que no tiene la capacidad de obtener algunas de estas coordenadas. El resultado de ejecutar el mismo guión en un navegador móvil en un teléfono inteligente:

Obtener datos de geolocalización con un navegador smartphone.
Obtener datos de geolocalización con un navegador smartphone.

Observe que las pantallas del navegador móviles cifras de altitud, pero la partida y la velocidad siguen siendo nula debido a que el dispositivo era estacionaria en el momento en que se carga la página.




» » » » Cómo usar geolocalización al codificar con javascript