Exemples de géolocalisation HTML5_compétences du didacticiel HTML5-Tutoriel H5-php.cn

Maison

interface Web

Tutoriel H5

Exemples de géolocalisation HTML5_compétences du didacticiel HTML5

May 16, 2016 pm 03:47 PM

html5 地理 coordonner 定位获取

L'exemple de cet article décrit la méthode d'obtention de géolocalisation en HTML5 et est partagé avec tout le monde pour votre référence. La méthode spécifique est la suivante :

Le code html5 pour obtenir les coordonnées est le suivant :

Copier le code

Le code est le suivant :

<!DOCTYPE HTML> <html> ;
<head>
<title>test1.html</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3" >
<meta http-equiv="description" content=" ceci est ma page">
<meta http-equiv="content-type" content="text/html; charset=UTF -8" >

</head> ;
<body>
<div id="demo">Cliquez sur ce bouton pour obtenir vos coordonnées : </div>
<button onclick="getLocation()"> it out&lt ;/button>
<script type="text/javascript">

var x=document.getElementById("demo"); if( navigator.geolocation){
navigator.geolocation.getCurrentPosition(showPosition);
}else{
x.innerHTML="Navigateur non pris en charge !!!"
}
}
function showPosition(position){
x.innerHTML="Latitude : " position.coords.latitude "<br/>Longitude : " position.coords.longitude
}
</ script> ;

</corps>
</html>

Après les tests, les coordonnées peuvent être obtenues avec succès sur IE9, Firefox, Chrome et Opera, mais les coordonnées ne peuvent pas être renvoyées sur Safari 5.x. La raison n'a pas encore été trouvée. Parmi les cas réussis, Chrome a la vitesse de réponse la plus rapide, suivi d'Opera, puis d'IE9, et Firefox est en fait le plus lent. Personnellement, je suis très déçu de Firefox, mais Chrome s'améliore de plus en plus.

J'espère que cet article sera utile à la conception de la programmation HTML5 de chacun.

Déclaration de ce site Web

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