Maison  >  Article  >  interface Web  >  Code HTML5 simple pour obtenir les compétences du didacticiel de localisation géographique_html5

Code HTML5 simple pour obtenir les compétences du didacticiel de localisation géographique_html5

WBOY
WBOYoriginal
2016-05-16 15:48:181367parcourir


Copier le code
Le code est le suivant :

/**
* Voici le code html5 pour obtenir la localisation géographique
*/
function getLocation() {
//Vérifiez si le navigateur prend en charge l'acquisition de géolocalisation
if (navigator.geolocation) {
//S'il prend en charge l'acquisition de géolocalisation, appelez avec succès showPosition( ), Échec de l'appel de showError
// alert("Essayer d'obtenir l'emplacement...")
var config = {enableHighAccuracy : true, timeout : 5000, maximumAge : 30000 } ; .getCurrentPosition( showPosition, showError, config);
} else {
//alert("La géolocalisation n'est pas prise en charge par ce navigateur.");
alert("Le positionnement a échoué, l'utilisateur a désactivé l'acquisition de localisation. permission");
}
}
/**
* Localisation de l'adresse obtenue avec succès
*/
function showPosition(position) {
//Obtenir la longitude et la latitude
var x = position. coords.latitude;
var y = position.coords.longitude;
//Configurer l'API de géocodage Baidu
var url = "http://api.map.baidu.com/geocoder/v2/?ak =C93b5178d7a8ebdb830b9b557abce78b"
"&callback=renderReverse"
"&location=" x "," y
"&output=json"
"&pois=0";
$.ajax({
type : "GET" ,
dataType : "jsonp",
url : url,
succès : function (json) {
if (json == null || typeof (json) == "undefined") {
return;
}
if (json.status != "0") {
return;
}
setAddress(json.result.addressComponent);
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
alert("[x:" x ",y:" y "]Échec de l'obtention de l'emplacement de l'adresse, veuillez sélectionner l'adresse manuellement ");
}
});
}
/**
* Échec de l'obtention de l'emplacement de l'adresse [pas encore traité]
*/
function showError(erreur) {
switch (error.code) {
case error.PERMISSION_DENIED :
alert ("Le positionnement a échoué, l'utilisateur a refusé la demande de géolocalisation");
//x.innerHTML = "L'utilisateur a refusé la demande de géolocalisation.[L'utilisateur a refusé la demande de géolocalisation] "
break;
case error.POSITION_UNAVAILABLE :
alert("Échec de la localisation, les informations de localisation ne sont pas disponibles");
//x.innerHTML = "Les informations de localisation ne sont pas disponibles.[Les informations de localisation ne sont pas disponibles ]"
break;
case error.TIMEOUT:
alert("Le positionnement a échoué, la demande d'obtention de la localisation de l'utilisateur a expiré");
//x.innerHTML = "La demande d'obtention de la localisation de l'utilisateur délai expiré.[Demande d'obtention de la localisation de l'utilisateur expirée.]"
break;
case error.UNKNOWN_ERROR:
alert("Échec du positionnement, échec du système de positionnement");
//x.innerHTML = "Une erreur inconnue s'est produite.[Erreur inconnue]"
break ;
}
}
/**
* Définir l'adresse
*/
function setAddress(json) {
var position = document.getElementById("txtPosition");
//Province
var province = json.province;
//City
var city = json.city; >var district = json.district;
province = province.replace ('city', '');
position.value = province "," city "," district
position.style.color; = 'noir';
}

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn