地理定位

最新推荐文章于 2024-08-08 23:45:45 发布

mumu42

最新推荐文章于 2024-08-08 23:45:45 发布

阅读量614

点赞数

分类专栏： H5

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
</head>
<body>
<div id="demo">
</div>
<script type="text/javascript">
var demo = document.querySelector("#demo");
if(navigator.geolocation){
navigator.geolocation.getCurrentPosition(successCallback,errCallback);//获取当前地理信息
navigator.geolocation.watchPosition(successCallback,errCallback);//重复获取当前地理信息
}
function successCallback(pos){
//成功的回调函数
console.log("当前纬度是："+pos.coords.latitude);
console.log("当前纬度是："+pos.coords.longitude);
demo.innerHTML="latitude:"+pos.coords.latitude+"<br/>longitude:"+pos.coords.longitude
};
function errCallback(err){
//失败的回调函数
console.log(err)
demo.innerHTML="获取失败";
};
// latitude：23.127171162500854
// longitude:113.38968824437185
</script>
</body>
</html>