Comentario: Este artículo presenta principalmente el uso del código HTML5 para obtener la ubicación geográfica. El código de implementación específico es el siguiente y se adjuntan capturas de pantalla. Los amigos que lo necesitan pueden referirse a él.
/**
* El siguiente es el código HTML5 para obtener la ubicación geográfica
*/
función getLocation () {
// Verifique si el navegador admite la adquisición de ubicación geográfica
if (navigator.geolocation) {
// Si admite la adquisición de ubicación geográfica, llamará a ShowPosition () con éxito y llamará a Showror si falla.
// alerta ("esforzarse por obtener la ubicación ...");
var config = {enableHighAccuracy: true, timeout: 5000, máxima: 30000};
navigator.geolocation.getCurrentPosition (showposition, ducha, config);
} demás {
// alerta ("La geolocalización no es compatible con este navegador");
alerta ("La ubicación fallida, el usuario ha deshabilitado el acceso a la ubicación");
}
}
/**
* Obtenga la ubicación de la dirección correctamente
*/
función showposition (posición) {
// obtener la latitud y la longitud
var x = posicion.coords.latitude;
var y = posicion.coords.nongitude;
// Configurar la API de Baidu Geocoding
var url = "http://api.map.baidu.com/geocoder/v2/?ak=c93b5178d7a8ebdb830b9b557abce78b" +
"& Callback = RenderRaverse" +
"& ubicación =" + x + "," + y +
"& output = json" +
"& pois = 0";
$ .AJAX ({
Tipo: "Obtener",
Tipo de datos: "JSONP",
URL: URL,
éxito: function (json) {
if (json == null || typeof (json) == "indefinido") {
devolver;
}
if (json.status! = "0") {
devolver;
}
setAddress (json.result.addresscomponent);
},
Error: función (xmlhttprequest, textstatus, errorthrown) {
alerta ("[x:" + x + ", y:" + y + "] La ubicación de la dirección no se recuperó, por favor seleccione manualmente la dirección");
}
});
}
/**
* No pudo obtener la ubicación de la dirección [aún no procesada]
*/
function showror (error) {
switch (error.code) {
Error de caso.Permission_Denied:
alerta ("La ubicación fallida, el usuario se niega a solicitar geolocalización");
//x.innerhtml = "Usuario denegó la solicitud de geolocalización. [Geolocalización de solicitud denegada del usuario]"
romper;
Error de caso.Position_Unavailable:
alerta ("La ubicación fallida, la información de ubicación no está disponible");
//x.innerhtml = "La información de ubicación no está disponible. [La información de ubicación no está disponible]"
romper;
Error de caso. TIMEOUT:
alerta ("La ubicación fallida, solicitud para obtener la ubicación del usuario horario");
//x.innerhtml = "La solicitud para obtener la ubicación del usuario horario. [Solicitud para obtener la ubicación del usuario temporizado]"
romper;
Error de caso.unknown_error:
alerta ("Ubicación fallida, el sistema de posicionamiento fallido");
//x.innerhtml = "Se produjo un error desconocido. [Error desconocido]"
romper;
}
}
/**
* Establecer la dirección
*/
función setAddress (json) {
VAR POSICIÓN = Document.getElementById ("txtPosition");
//Provincia
Var Provincia = JSON.Province;
//ciudad
var city = json.city;
//distrito
Var District = JSON.District;
provincia = provincia.replace ('ciudad', '');
posición.Value = provincia + "," + ciudad + "," + distrito;
posicion.style.color = 'Black';
}