El mejor tutorial de HTML5 geoposicionamiento en 2024. En este tutorial podrás aprender Localizar la posición del usuario,Soporte para el navegador,HTML5 - Utilice la orientación geográfica,Ejemplos,Gestión de errores y rechazado,Ejemplos,Mostrar resultados en mapa,Ejemplos,Para la ubicación de la información dada,getCurrentPosition () método - los datos de retorno,objeto de geolocalización - otros métodos interesantes,Ejemplos,
HTML5 Geolocalización (geoposicionamiento) utiliza para localizar la ubicación del usuario.
HTML5 Geolocalización API para obtener la ubicación del usuario.
En vista de esta función pueda violar la privacidad de los usuarios, a menos que el usuario acepte lo contrario, la información de la ubicación del usuario no está disponible.
Internet Explorer 9 o superior, Firefox, Chrome, Safari y Opera apoyo Geolocalización (ubicación geográfica).
Nota: Geolocalización (geoposicionamiento) Para los dispositivos con GPS, como el iPhone, geoposicionamiento más precisa.
Utilice el método getCurrentPosition () para obtener la ubicación del usuario.
El siguiente ejemplo es un simple ejemplo de geolocalización, el usuario puede volver a la latitud y longitud de ubicación:
ejemplos de análisis:
El ejemplo anterior es un guión muy básico geoposicionamiento manipulación, libre de errores.
El método getCurrentPosition segundo parámetro () para el manejo de errores. En él se especifica cuando la función get a ejecutar cuando la ubicación del usuario ha fallado:
Código de error:
Para mostrar los resultados en un mapa, es necesario el acceso puede utilizar la latitud y longitud de los servicios de mapas, como los mapas de Google o Baidu mapa:
En el ejemplo anterior, usamos latitud y longitud de datos devueltos por la posición de la pantalla (utilizando imágenes estáticas) en Google Maps.
escritura de Google Maps
El enlace de arriba muestra cómo utilizar una secuencia de comandos para mostrar un mapa interactivo con un marcador, el zoom y las opciones de arrastre.
Esta página muestra cómo mostrar la ubicación del usuario en un mapa. Sin embargo la información de geolocalización para una localización dada es también muy útil.
Ejemplo:
T si tiene éxito, el método getCurrentPosition () devuelve un objeto. Siempre devuelve propiedades de latitud, longitud y precisión. Si está disponible, la siguiente propiedad adicional se devuelve.
属性 | 描述 |
---|---|
coords.latitude | 十进制数的纬度 |
coords.longitude | 十进制数的经度 |
coords.accuracy | 位置精度 |
coords.altitude | 海拔,海平面以上以米计 |
coords.altitudeAccuracy | 位置的海拔精度 |
coords.heading | 方向,从正北开始以度计 |
coords.speed | 速度,以米/每秒计 |
timestamp | 响应的日期/时间 |
watchPosition () - Devuelve la ubicación actual del usuario, y continuar para devolver la posición actualizada (como GPS en un coche) cuando el usuario mueve.
método Stop watchPosition () - clearWatch ()
El siguiente ejemplo muestra el método watchPosition (). Es necesario un dispositivo GPS precisa para probar los casos (como el iPhone):