H5在手机端获取经纬度
程序员文章站
2022-07-14 09:53: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>
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>
下一篇： ajax跨域实现两种方式