Géolocalisation HTML5
Géolocalisation HTML5
La géolocalisation HTML5 est utilisée pour localiser l'emplacement de l'utilisateur.
Localiser l'emplacement de l'utilisateur
L'API de géolocalisation HTML5 est utilisée pour obtenir l'emplacement géographique de l'utilisateur.
étant donné que cette fonctionnalité peut violer la confidentialité des utilisateurs, les informations de localisation de l'utilisateur ne sont pas disponibles sans le consentement de l'utilisateur.
Prise en charge des navigateurs
Internet Explorer 9+, Firefox, Chrome, Safari et Opera prennent en charge la géolocalisation.
Remarque?: La géolocalisation est plus précise pour les appareils dotés d'un GPS, tels que l'iPhone.
Détecter si le navigateur prend en charge?:
if (navigator.geolocation) {
//console.log("瀏覽器支持!");
}else {
// console.log("瀏覽器不支持!");
}navigator.geolocation est utilisé pour obtenir l'emplacement géographique de l'utilisateur actuel en fonction du navigateur, fournissant 3 Méthodes?:
void getCurrentPosition(onSuccess,onError,options);//獲取用戶當(dāng)前位置 int watchCurrentPosition(onSuccess,onError,options);//持續(xù)獲取當(dāng)前用戶位置 void clearWatch(watchId);//watchId 為watchCurrentPosition返回的值//取消監(jiān)控rrree
Gestion des erreurs et des rejets
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?:
Instance
實(shí)例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>基于瀏覽器的HTML5查找地理位置</title>
<!-- 百度API -->
<script src="http://api.map.baidu.com/api?v=1.2" type="text/javascript"></script>
<script>
function getLocation(){
var options={
enableHighAccuracy:true,
maximumAge:1000
}
if(navigator.geolocation){
//瀏覽器支持geolocation
navigator.geolocation.getCurrentPosition(onSuccess,onError,options);
}else{
//瀏覽器不支持geolocation
}
}
//成功時(shí)
function onSuccess(position){
//返回用戶位置
//經(jīng)度
var longitude =position.coords.longitude;
//緯度
var latitude = position.coords.latitude;
//使用百度地圖API
//創(chuàng)建地圖實(shí)例
var map =new BMap.Map("container");
//創(chuàng)建一個(gè)坐標(biāo)
var point =new BMap.Point(longitude,latitude);
//地圖初始化，設(shè)置中心點(diǎn)坐標(biāo)和地圖級(jí)別
map.centerAndZoom(point,15);
}
//失敗時(shí)
function onError(error){
switch(error.code){
case 1:
alert("位置服務(wù)被拒絕");
break;
case 2:
alert("暫時(shí)獲取不到位置信息");
break;
case 3:
alert("獲取信息超時(shí)");
break;
case 4:
alert("未知錯(cuò)誤");
break;
}
}
window.onload=getLocation;
</script>
</head>
<body
<div id="container" style="width:600px;height:600px"></div>
</body>
</html>
