每一个你不满意的现在,都有一个你不努力的曾经. 网站首页 > js

h5 Geolocation（地理定位）

发布时间：2019-12-25 15:17:35 修改时间：2019-12-25 15:17:35 阅读：7493 评论：0 0

以下demo为h5得Geolocation（地理定位），如果网页版得支持不太良好的情况推荐百度地图得定位，相对获取速度稍慢。目前台式chrome内核超时，报错是因为得vpn翻墙。

<!DOCTYPE html>

<html>

<meta charset='utf-8'>

<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no"> '

<body>

<p id="demo">点击这个按钮，获得您的坐标：</p>

<button onclick="getLocation()">试一下</button>

<script>

var x=document.getElementById("demo");

function getLocation()

{

if (navigator.geolocation)

{

navigator.geolocation.getCurrentPosition(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>

转载请注明地址：

如有侵权，立即删除！

注册用户登录后才能发表评论，请登录或注册.

关键字词：nbsp,lt,gt,Geolocation,定位,h5