在HTML5中,用getCurrentPosition()获取用户的当前位置

摘要:
坐标属性包含七个值,精度:精度、纬度:纬度、经度:经度、海拔高度:海拔高度、海拔高度精度:海拔高度精度、航向:方向、速度:速度。permission_ Denied:表示用户拒绝浏览器对位置信息的请求。Positionunavalablf:表示网络不可用或无法连接到卫星。只有在选项中指定超时值时,才会发生此错误。超时:一个整数,表示浏览器需要在指定时间内获取位置信息,否则会触发errorCallback。

转:https://blog.csdn.net/xiaoxia188/article/details/84703576

getCurrentPosition(successCallback, errorCallback,PositionOptions);
successCallback: 表示获取到的用户数据位置。
该对象包含三个属性:coords、address和timestamp。
coords属性包含七个值,accuracy:精确度,latitude:纬度,longitude:经度,altitude:海拔,altitudeAcuracy:海拔高度的精确度,heading:朝向,speed:速度。

address属性包含八个值,country:国家,province:省份,city:城市,district:区/县,street:路,streetNum:路编号,poiName:地点名称,cityCode:城市代码

errorCallback: 返回的错误代码。
包含两个属性:message:错误信息,code:错误代码
错误代码包含四个值:
unknow_error: 表示不包括在其他错误代码中的错误,可以在message中查找信息。
permission_denied: 表示用户拒绝浏览器获取位置信息的请求。
position unavalablf: 表示网络不可用或者连接不到卫星。
timeout: 表示获取超时时。必须在options中指定了timeout值时才有可能发生这种错误。
PositionOptions: 数据格式为json,有3个属性
enableHighAcuracy:布尔值,表示是否启用高精确度模式,如果启用这个模式,浏览器在获取位置信息时可能需要耗费更多的时间。
Timeout: 整数,表示浏览器需要在指定的时间内获取位置信息,否则触发errorCallback。
maximumAge: 整数/常量,表示浏览器重新获取位置信息的时间间隔。

<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>

免责声明:文章转载自《在HTML5中,用getCurrentPosition()获取用户的当前位置》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇gulp与webpack-stream集成配置总结PHP缓存技术的多种方法下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Oracle SQL*Loader 使用指南

  2007-12-17 18:09 SQL*Loader是Oracle数据库导入外部数据的一个工具.它和DB2的Load工具相似,但有更多的选择,它支持变化的加载模式,可选的加载及多表加载. 如何使用 SQL*Loader 工具 我们可以用Oracle的sqlldr工具来导入数据。例如: sqlldr scott/tiger control=loade...

qt 界面去掉系统边框2.0版

之前的一版存在bug。如果将鼠标放移动到界面内某个可点击的widget上(如:QPushButton)上,按住鼠标左键不放,界面可能会出现界面非预期移动的问题。 那是因为当鼠标移动到可点击的widget(如:QPushButton)上时,mousePressEvent这个信号被可点击的widget拦截了,所以包含这个widget的界面的mousePress...

混合开发的几个框架

  下面给大家介绍几个最厉害的混合开发框架:   1.IONIC 是目前最有潜力的一款HTML5手机应用开发框架。通过SASS构建应用程序,它提供了很多UI组件来帮助开发者开发强大的应用。它使用JavaScript MVVM框架和 AngularJS来增强应用。提供数据的双向绑定,使用它成为Web和移动开发者的共同选择。即将发布的AngularJS 2.0...

HTML5--(3)过渡+动画+颜色+文本

一.过渡transition transition-property指定属性名称(如width、height、background-color、内外边距)all 所有属性都将获得过渡效果(默认) attr 过渡效果的CSS属性名称列表,列表以逗号分隔 none 没有属性会获得过渡效果 transition-duration过渡时间3s (默认慢快...

CoreLocation+MapKit系统定位(含坐标以及详细地址)

iOS8 之后出现一些新的配置 [self.manager requestWhenInUseAuthorization]; 并且在info.plist文件中增加 NSLocationWhenInUseUsageDescription BOOL YES NSLocationAlwaysUsageDescription string “...

二三维联动

前端界面: JS代码: //点击进行二三维联动 functionesMapAs() { $("#cesiumContainer").css('width','47%'); $("#mapContainer").css('width','47%'); $("#mapContainer").css('left','53%');...