Para un programador de desarrollo web, uno de los aspectos más interesantes del trabajo de desarrollo es obtener información de ubicación geográfica; Solo imagina dónde están los usuarios navegando por tus páginas web. Los programadores pueden ajustar el lenguaje del sitio web, la introducción específica del producto, etc. en función de la información de ubicación geográfica del usuario. ¡Lo que vamos a demostrar a continuación es obtener información geográfica detallada a través de la API de información de geolocalización de JavaScript en el navegador!
Verifique si su navegador admite la API de geolocalización
Actualmente, los navegadores convencionales tienen un mejor soporte para la API de información de geolocalización de JavaScript. Pero si no está a gusto, la mejor manera de confirmar el soporte de la API de información de geolocalización es probar la función de función del navegador.
if ("Geolocation" en Navigator) {// w00t!} else {alerta ("¡Desafortunadamente! Su navegador no admite la funcionalidad API de Geolocation");}Para determinar si el navegador admite la API de geolocalización, lo más importante es mirar el objeto de geolocalización de navegación, usar, en lugar de simplemente usar if (navegator.geolocation). Esto es muy importante, porque este último puede inicializar el objeto de información de geolocalización, ocupando así/bloquea los recursos del dispositivo.
Información de ubicación geográfica de consulta
El método navigator.geolocation.getCurrentPosition es la interfaz más crítica para obtener información de ubicación detallada:
if ("geolocation" en navigator) {navigator.geolocation.getCurrentPosition (function (posición) {console.log (posición);});}Una vez que llame a este método (si la solicitud tiene éxito, ejecutará el método de devolución de llamada que proporcione en el parámetro), el navegador le pedirá al usuario si permite que el programa obtenga su información de geolocalización.
Cuando los usuarios ejecutan una página web para obtener su información de ubicación, el navegador puede comenzar a leer información geográfica. Le devolverá un objeto de información de ubicación. La estructura del objeto es básicamente la siguiente:
// "Position" object{ coordinates: { "Coordinates" object accuracy: 65, altitude: 294.4074401855469, altitudeAccuracy: 10, heading: -1, latitude: 43.01256284360166, longitude: -89.44531987692744, speed: -1 }, timestamp: 14297229992094269}Si cree que esta información de ubicación geográfica (coordenadas geográficas de latitud y longitud) no son suficientes y desean el país o la ciudad a la que pertenecen estas coordenadas geográficas, debe llamar a otras bases de datos de terceros, no explicaremos en detalle aquí.
Esta API de información de geolocalización es la aplicación API más común en muchas aplicaciones móviles. Como programador web, debe ser un conocimiento y habilidad que debe tener. Afortunadamente, esta tecnología es compatible con todos los navegadores populares en la actualidad.
Lo anterior se trata de este artículo, espero que sea útil para todos aprender la programación de JavaScript.