我有以下完整代码工作..脚本每 3 秒检索一次行驶中的汽车的纬度和经度，并将数据保存到 mysql 表中。
即使在手机上运行 GPS，精度也不是很好。
我添加了 Options Var，这样我就可以 enableHighAccuracy: true 。
但是我画 map 的时候精度还是很差:
有什么办法可以改善吗？
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title></title>
<script type="text/javascript" src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js?ver=3.3.1'></script>
</head>
<body style="text-align: center">
<button style="font-size:30px" id="find_btn">Find Me</button>
<div id="result"></div>
<br>
<div id="resp"></div>
<br>
<button style="font-size:30px" id="stop_btn">STOP</button>
<script type="text/javascript">
function SaveLatLng(lat,lng) {
var url = "saveLatLng.php";
$.ajax({
type: "POST",
url: url,
data: {latitude:lat,longitude:lng},
success: function(data) {
$('#resp').html(data);
}
});
};
var options = {
enableHighAccuracy: true,
timeout: 5000,
maximumAge: 0
};
function error(err) {
console.warn(`ERROR(${err.code}): ${err.message}`);
}
function randomQuote() { //user clicks button
if ("geolocation" in navigator) { //check geolocation available
//try to get user current location using getCurrentPosition() method
navigator.geolocation.getCurrentPosition(function(position){
$("#result").html("Found your location <br />Lat : "+position.coords.latitude+" </br>Lang :"+ position.coords.longitude);
SaveLatLng(position.coords.latitude,position.coords.longitude);
}, error, options);
} else {
console.log("Browser doesn't support geolocation!");
}
};
var interval = null;
$("#find_btn").click(function () {
interval = setInterval(randomQuote, 3000);
});
$("#stop_btn").click(function () {
clearInterval(interval);
});
</script>
</body>
</html>
最佳答案
每 3 秒使用 watchPosition 而不是 getCurrentPosition。后者经过优化，可以以牺牲准确性为代价快速返回。您还可以检查返回值的精度(以米为单位)并确定它太不准确并忽略它。
您可能还想考虑其他职位过滤详情 here最小距离、最小时间等
关于javascript - 在 html5 中使用 jquery 改进地理位置？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56818749/