如何获得用户当前位置的最大精度
How to get maximum accuracy of user's current location
我正在使用此代码来获取准确的用户位置...
watchID=navigator.geolocation.watchPosition(handleGetCurrentPosition, handleGetCurrentPositionError, {enableHighAccuracy:true});
function handleGetCurrentPosition(location)
{
document.getElementById("lat").value = location.coords.latitude;
document.getElementById("lon").value = location.coords.longitude;
document.getElementById("accu").value =location.coords.accuracy;
document.forms["myform"].submit();
}
function handleGetCurrentPositionError(){
alert("Location could not be found.")
}
顺便说一句,我得到的结果不准确。我使用的代码有问题吗?
准确性取决于Geolocation
设备的功能。 navigator.geolocation
只是一个与该设备配合使用的API
。如果设备不支持高精度,则无法对其进行任何操作。
下面的代码以获得准确的位置。 我用 HTML 5 编写了这段代码。
- 在 html 文档中创建地图占位符。
<输出 id="mapToYou">正在搜索您的当前位置...输出>
- 在页面加载中调用此 js 脚本。
window.addEventListener("load", function() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(success, error); } else { 错误("不支持"); } },假); 函数成功(位置) { var mapToYou = document.querySelector('#mapToYou'); 警报("陷阱! var latlng = new google.maps.LatLng(position.coords.latitude,position.coords.longitude); var myOptions = { 变焦:15, 中心:拉特伦, 地图类型控件:假, 导航控制选项:{ style: google.maps.NavigationControlStyle.SMALL }, mapTypeId: google.maps.MapTypeId.ROADMAP }; var googleMap = new google.maps.Map(mapToYou, myOptions); var marker = new google.maps.Marker({ 位置: 拉特伦, 地图: 谷歌地图, 标题:"你来了! }); } 函数错误(msg) { var mapToYou = document.querySelector('#mapToYou'); mapToYou.innerHTML = typeof msg == 'string' ?味精:"失败"; mapToYou.className = 'fail'; 控制台.log(参数); }
你试过谷歌的位置 API 吗?
如果没有,这里是链接:https://developers.google.com/maps/documentation/directions/
实际上,Google开发了很多正在进行的API,以提高位置查找的准确性。
我在以下
位置找到了这个有用的链接:http://www.geoplugin.com,提供了一个非常好的位置过滤API,并且在预测用户位置方面具有非常可怕的精度。
下面是如何使用它的示例:http://www.jquery4u.com/api-calls/geo-location-2-lines-javascript/#.T_QZrxdo3IU
相关文章:
- jquery试图按名称获取按钮位置
- 我可以获得相对于被点击元素的确切点击位置吗
- 谷歌地图固定位置覆盖
- 在单击任何位置时隐藏元素,而不检查每次DOM单击
- 循环比赛位置算法
- es6 相当于下划线查找位置
- jQuery循环在特定位置暂停
- 引导程序:在导航栏中,显示悬停在单个位置的基于Li Link的不同内容
- 自定义函数中的光标位置
- 安卓平台上的QWebView HTML5地理位置
- DIV并排,位置不正确
- 使用jQuery更改元素的顶部位置
- 在谷歌地图上绘制位置数据库
- 跟踪jqplot垂直折线图的鼠标位置
- 设置画布渲染器的x和y位置
- 固定位置菜单时滚动,直到它击中一个相对容器的底部
- 根据页面的位置突出显示文本中的字符
- 传单缩放控制位置错误
- 如何获得用户当前位置的最大精度
- 更新Stockchart yAxis标签改变位置和标签精度