Modo de empleo de 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 mejor soportadas y se lleva a cabo en alrededor del 90 por ciento de los navegadores de escritorio y móviles, incluyendo todos los grandes, a excepción de Opera Mini.

¿Qué hace geolocalización?

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

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

  • Latitud: La latitud en grados decimales

  • Longitud: La longitud en grados decimales

  • Altitud: La altura en metros

  • Título: 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 que 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 para el puesto de 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 devuelven.

La primera cosa que suceda 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. Los diferentes navegadores solicitar al usuario el permiso de diferentes maneras, pero normalmente hace a través de algún tipo de ventana emergente 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.

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

Después de dar un acceso de red social a los datos de geolocalización, el navegador intenta encontrar. Lo hace a través de un número de diferentes medios, empezando por la más exacta y procediendo a través de formas menos precisos.

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

  • 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 objetos getCurrentPosition método. los getCurrentPosition método puede tomar tres argumentos:

  • éxito: Una función de devolución de llamada que se aprobó una Posición objetar cuando geolocalización es exitosa

    Video: Tutorial javascript parte 32 - COOKIES

  • error: Una función de devolución de llamada opcional que se pasa el Positionerror objetar cuando se produce un error de 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:

Video: Популярные Video – Геолокация и javascript

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

  • Position.timestamp: El momento en que se recuperó 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 esta secuencia de comandos debe ser similar a 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.

Video: HTML5: Geolocalización

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

Obtener los datos de geolocalización con un explorador del teléfono.
Obtener los datos de geolocalización con un explorador del teléfono.

Tenga en cuenta que las cifras navegador muestra móviles de altitud, rumbo y la velocidad, pero siguen siendo nula porque el dispositivo estaba estacionario en el momento en que se carga la página.

Artículos Relacionados