Maison >interface Web >Tutoriel H5 >H5 sur 11__GeoLocation Géolocalisation

H5 sur 11__GeoLocation Géolocalisation

黄舟original: 2017-02-18 14:54:191761parcourir

L'API de géolocalisation est généralement utilisée pour les appareils mobiles pour obtenir une localisation géographique à proprement parler, elle n'appartient pas à la spécification standard de H5.

1 Comment. utiliser l'API de géolocalisation ?

Pour utiliser cette API, accédez à la géolocalisation via window.navigator.geolocatio . Cet objet a les trois méthodes suivantes :

1. getCurrentPosition()

2. watchPosition()

3. La méthode

getCurrentPosition() peut transmettre trois paramètres, comme indiqué ci-dessous :

void getCurrentPosition(PositionCallback successCallback, facultatif PositionErrorCallback errorCallback, options facultatives PositionOptions);

Le premier Le premier paramètre est un paramètre obligatoire et les deux derniers paramètres sont facultatifs.

Regardez un exemple :

Appelez getCurrentPosition( ) avec succès Enfin, dans la fonction de rappel, vous pouvez obtenir les informations de localisation géographique de l'utilisateur actuel lors de l'accès à la page Web via l'objet paramètre

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>GeoLocation API 地理定位</title>
    <script type="text/javascript">
    	
   		
   		window.navigator.geolocation.getCurrentPosition(function(pos){
   			alert("当前地理位置的纬度： " +pos.coords.latitude
   			+"\n当前地理位置的经度： " +pos.coords.longitude
   			+ "\n当前经纬度的精度： " +pos.coords.accuracy
   			+ "\n设备的当前运动方向： " +pos.coords.heading
   			+ "\n设备的当前速度： " +pos.coords.speed
   			);
   			
   		});
   		
   		var watchID= window.navigator.geolocation.watchPosition(function(pos){
   			alert("当前位置变化的纬度： " +pos.coords.latitude
   			+"\n当前位置变化的经度： " +pos.coords.longitude
   			+ "\n当前经纬度变化的精度： " +pos.coords.accuracy
   			+ "\n设备的当前运动方向： " +pos.coords.heading
   			+ "\n设备的当前变化的速度： " +pos.coords.speed);
   			
   			navigator.geolocation.clearWatch(watchID);
   		}, function(){
   		});
    </script>
</head>
<body>
	
</body>
</html>

Le pos. L'objet contient un attribut coords, L'attribut coords représente une série d'informations de coordonnées géographiques 🎜>

altitude : Altitude

précision : Précision des coordonnées de latitude et de longitude (en). mètres)

altitudePrécision : en mètres Niveau de précision des coordonnées de hauteur en unités

cap : Direction du mouvement (spécifié par l'angle de rotation dans le sens des aiguilles d'une montre par rapport au nord géographique)

vitesse : Vitesse sol actuelle (en m/s)

pos contient également un attribut d'horodatage, qui est utilisé pour créer un horodatage en millisecondes lors du renvoi de l'objet coordonnées.

Le rendu est le suivant :

Ce qui précède est le contenu de H5 11__GeoLocation géolocalisation, Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !

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

Article précédent：HTML5-10 __Créer une carte thermique à l'aide de l'API CanvasArticle suivant：HTML5-10 __Créer une carte thermique à l'aide de l'API Canvas

Articles Liés

Voir plus