Géolocalisation HTML5
L'API de géolocalisation HTML5 est utilisée pour obtenir la localisation géographique de l'utilisateur.
Remarque?: étant donné que cette fonctionnalité peut violer la vie privée de l'utilisateur, les informations de localisation de l'utilisateur ne sont pas disponibles à moins que l'utilisateur n'accepte. Le navigateur affichera un rappel. lorsque vous utilisez cette fonctionnalité.
1. Plusieurs méthodes de positionnement géographique
Adresse IP, GPS, Wifi, GSM/CDMA
2. Processus d'acquisition de localisation géographique
1. il faut obtenir une demande.
2. L'application demande l'emplacement géographique au navigateur, et le navigateur affiche une requête demandant à l'utilisateur s'il doit partager l'emplacement géographique.
3. En supposant que l'utilisateur le permet, le navigateur interrogera les informations pertinentes sur l'appareil.
4. Le navigateur envoie des informations pertinentes à un serveur de localisation fiable, et le serveur renvoie l'emplacement géographique spécifique.
3. Prise en charge du navigateur
IE9.0+, FF3.5+, Safari5.0+, Chrome5.0+, Opera10.6 + Prise en charge géolocalisation.
Remarque?: pour les appareils dotés d'un GPS, tels que l'iPhone (IPhone3.0+, Android2.0+), la géolocalisation est plus précise.
4. Méthodes de géolocalisation en HTML5
L'API de géolocalisation existe dans l'objet navigateur et ne contient que 3 méthodes?:
1. getCurrentPosition //Position actuelle
2. watchPosition //Position de surveillance
3. clearWatch //Effacer la surveillance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<p id="demo">點擊按鈕獲取您當前坐標（可能需要比較長的時間獲?。?lt;/p>
<button onclick="getLocation()">點我</button>
<script>
var x=document.getElementById("demo");
function getLocation()
{
if (navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(showPosition);
}
else{x.innerHTML="該瀏覽器不支持獲取地理位置。";}
}
function showPosition(position)
{
x.innerHTML="緯度: " + position.coords.latitude +
"<br>經(jīng)度: " + position.coords.longitude;
}
</script>
</body>
</html>Analyse d'instance?:
Détectez si la géolocalisation est prise en charge
Si elle est prise en charge, exécutez la méthode getCurrentPosition(). S'il n'est pas pris en charge, un message s'affiche à l'intention de l'utilisateur.
Si getCurrentPosition() s'exécute avec succès, un objet coordonnées est renvoyé à la fonction spécifiée dans le paramètre showPosition
La fonction showPosition() obtient et affiche la longitude et la latitude
Gestion des erreurs et rejet
Le deuxième paramètre de la méthode getCurrentPosition() est utilisé pour gérer les erreurs. Il précise la fonction à exécuter en cas d'échec de l'obtention de la localisation de l'utilisateur?:
function showError(error)
{
switch(error.code)
request "
break;
case error.POSITION_UNAVAILABLE:
x.innerHTML= "Les informations de localisation ne sont pas disponibles. erreur de cas.TIMEOUT:
x .innerHTML="La demande de localisation de l'utilisateur a expiré."
??????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????}
}
Méthode getCurrentPosition() - renvoie les données
Si la position est obtenue avec succès, la méthode getCurrentPosition() renvoie l'objet. Les propriétés de latitude, de longitude et de précision sont toujours renvoyées. Si disponibles, les autres propriétés suivantes sont renvoyées.
Propriétés ???????????????????????????????????????????????????????????????????????????????????????Latitude de numéro du système
coords.longitude Longitude décimale coords.accuracy Précision de la position
coords.altitudeAccuracy Précision de la position Précision de l'altitude coords.heading Direction, en degrés à partir du nord géographique
coords.speed Vitesse, en mètres /seconde
horodatage Date/heure de réponse
p.address.country pays
p.address.region Province
p.address.city Ville
