h5 通过网页授权获取用户地理位置信息

javascript 苏 demo 9年前 (2016-08-10) 4666℃ 0评论

 <!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title></title>
</head>
<body>
<p id="demo">点击这个按钮，获得您的坐标：</p>
<button onclick="getLocation()">试一下</button>
<script>
 var x=document.getElementById("demo");
 function getLocation()
 {
 if (navigator.geolocation)
 {
 navigator.geolocation.watchPosition(showPosition);
 }
 else{x.innerHTML="Geolocation is not supported by this browser.";}
 }
 function showPosition(position)
 {
 x.innerHTML="Latitude: " + position.coords.latitude +
 "<br />Longitude: " + position.coords.longitude;
 }
</script>
</body>
</html>

打赏

转载请注明：苏demo的别样人生 » h5 通过网页授权获取用户地理位置信息

   如果本篇文章对您有帮助，欢迎向博主进行赞助，赞助时请写上您的用户名。

   支付宝直接捐助帐号oracle_lee@qq.com 感谢支持！

喜欢 (2)or

收藏文章

表情删除后不可恢复，是否删除

取消

确定

图片正在上传，请稍后...

取消上传

评论内容为空！

还没有评论，快来抢沙发吧！

热评话题

关闭

按钮内容不能为空！

立刻说两句吧！查看0条评论

zh-CN