HTML5 geoposicionamiento
HTML5 Geolocalización (geoposicionamiento) utiliza para localizar la ubicación del usuario.
Localizar la posició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.
Soporte para el navegador
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.
HTML5 - Utilice la orientación geográfica
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
getLocation función ()
{
si (navigator.geolocation)
{
navigator.geolocation.getCurrentPosition (showPosition);
}
otro
{
x.innerHTML = "Este navegador no soporta al obtener la ubicación.";
}
}
showPosition función (posición)
{
x.innerHTML = "Latitud:" + + position.coords.latitude
"<br> Longitud:" + position.coords.longitude;
}
Trate »
ejemplos de análisis:
- Es la prueba de geoposicionamiento
- Si es compatible, ejecute el método getCurrentPosition (). Si no, muestra un mensaje al usuario.
- Si getCurrentPosition () tiene éxito, la función para volver a los parámetros especificados en unas coordenadas de destino showPosition
- showPosition () la función recupera y muestra la latitud y longitud
El ejemplo anterior es un guión muy básico geoposicionamiento manipulación, libre de errores.
Gestión de errores y rechazado
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:
Ejemplos
{
interruptor (error.code)
{
error.PERMISSION_DENIED caso:
x.innerHTML = "usuario se negó a conseguir solicitud de localización."
romper;
error.POSITION_UNAVAILABLE caso:
x.innerHTML = "información de ubicación no está disponible."
romper;
error.TIMEOUT caso:
x.innerHTML = "ubicación petición del usuario Tiempo de espera agotado".
romper;
error.UNKNOWN_ERROR caso:
x.innerHTML = "Error desconocido".
romper;
}
}
Trate »
Código de error:
- Permiso denegado - el usuario no está permitido geoposicionamiento
- Posición disponible - No se puede obtener la posición actual
- Tiempo de espera - La operación ha agotado
Mostrar resultados en mapa
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:
Ejemplos
{
var = LatLon position.coords.latitude + "," + position.coords.longitude;
var img_url = "http://maps.googleapis.com/maps/api/staticmap?center="
+ LatLon + "& zoom = 14 y size = 400x300 & sensor = false";
document.getElementById ( "portamapa") innerHTML = "<img src = '" + img_url + "'>" .;
}
Trate »
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.
Para la ubicación de la información dada
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:
- Actualización de información local
- Visualización de puntos de interés alrededor del usuario
- sistema de navegación móvil interactiva (GPS)
getCurrentPosition () método - los datos de retorno
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 | 响应的日期/时间 |
objeto de geolocalización - otros métodos interesantes
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):
Ejemplos
getLocation función ()
{
si (navigator.geolocation)
{
navigator.geolocation.watchPosition (showPosition);
}
otro
{
x.innerHTML = "Este navegador no soporta al obtener la ubicación.";
}
}
showPosition función (posición)
{
x.innerHTML = "Latitud:" + + position.coords.latitude
"<br> Longitud:" + position.coords.longitude;
}
Trate »