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
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