H5在手机端获取经纬度

  • H5
  • 2022-07-14 09:57:44
引文参考
https://www.cnblogs.com/tingyatou/p/6903450.html
https://blog.csdn.net/lihua5419/article/details/77964786 经纬度转地址
H5获取用户经纬度
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>

<body>

<p id="demo"></p>
<button onclick="getLocation()">获取经纬度</button>


</body>
<script>


var x=document.getElementById("demo");
var x2=document.getElementById("hideval");
function getLocation(){    //检测是否支持地理定位 如果支持,则运行 getCurrentPosition() 方法。如果不支持,则向用户显示一段消息。
  if (navigator.geolocation){//如果getCurrentPosition()运行成功, //则向参数showPosition中规定的函数返回一个coordinates对象
    navigator.geolocation.getCurrentPosition(showPosition);
  }else{
    x.innerHTML="地理位置浏览器支持";
  }
}

function showPosition(position){  //showPosition() 函数获得并显示经度和纬度
  x.innerHTML="纬度: " + position.coords.latitude + "<br />经度: " + position.coords.longitude;
  x2.innerHTML= +position.coords.latitude +","+position.coords.longitude;
}
</script>

</html>

猜你喜欢