geolocation h5
2016-01-28 15:16
651 查看
navigator. geolocation.getCurrentPosition()
触发浏览器弹窗询问用户同意访问地址。接收三个参数:成功回调函数,可选的失败回调,可选选项对象
成功回调函数接受一个地址对象作为唯一的参数,该对象有两个属性,coords和timestamp.
coords一定包含latitude,longitude,和accuracy。可选的altitude,altitudeAccuracy,heading,speed
最常用是画出用户地点:
navigator.geolocation.getCurrentPosition(function(position){
drawMapCenteredAt(position.coords.latitude, positions.coords.longitude);
});
失败回调函数也接受一个参数,也是一个对象,上面有两个属性:message和code。message是让人看的错误信息。code是失败类型:1代表用户拒绝,2代表地址不可用,3超时。
最后,可选对象可以设置是否获取最精确地支,最长等待时长,上次地址有限时间
navigator.geolocation.getCurrentPosition(function(position){
drawMapCenteredAt(position.coords.latitude, positions.coords.longitude);
}, function(error){
console.log(“Error code: “ + error.code);
console.log(“Error message: “ + error.message);
}, {
enableHighAccuracy: true,
timeout: 5000,
maximumAge: 25000
});
如果想跟踪用户地点,那么可以用watchPosition()方法,和 getCurrentPosition接受同样的三个参数。该方法首先执行一次,然后等待系统通知地点改变再执行。返回一个identifier用来结束。
var watchId = navigator.geolocation.watchPosition(function(position){
drawMapCenteredAt(position.coords.latitude, positions.coords.longitude);
}, function(error){
console.log(“Error code: “ + error.code);
console.log(“Error message: “ + error.message);
});
clearWatch(watchId);
触发浏览器弹窗询问用户同意访问地址。接收三个参数:成功回调函数,可选的失败回调,可选选项对象
成功回调函数接受一个地址对象作为唯一的参数,该对象有两个属性,coords和timestamp.
coords一定包含latitude,longitude,和accuracy。可选的altitude,altitudeAccuracy,heading,speed
最常用是画出用户地点:
navigator.geolocation.getCurrentPosition(function(position){
drawMapCenteredAt(position.coords.latitude, positions.coords.longitude);
});
失败回调函数也接受一个参数,也是一个对象,上面有两个属性:message和code。message是让人看的错误信息。code是失败类型:1代表用户拒绝,2代表地址不可用,3超时。
最后,可选对象可以设置是否获取最精确地支,最长等待时长,上次地址有限时间
navigator.geolocation.getCurrentPosition(function(position){
drawMapCenteredAt(position.coords.latitude, positions.coords.longitude);
}, function(error){
console.log(“Error code: “ + error.code);
console.log(“Error message: “ + error.message);
}, {
enableHighAccuracy: true,
timeout: 5000,
maximumAge: 25000
});
如果想跟踪用户地点,那么可以用watchPosition()方法,和 getCurrentPosition接受同样的三个参数。该方法首先执行一次,然后等待系统通知地点改变再执行。返回一个identifier用来结束。
var watchId = navigator.geolocation.watchPosition(function(position){
drawMapCenteredAt(position.coords.latitude, positions.coords.longitude);
}, function(error){
console.log(“Error code: “ + error.code);
console.log(“Error message: “ + error.message);
});
clearWatch(watchId);
相关文章推荐
- HTML5:表格
- 原生 drag drop HTML5
- cross-document message 跨文档通信 HTML5
- 利用HTML5 的datalist 元素实现输入提示
- h5页面,改变数字默认颜色
- H5小内容(三)
- 2016.01.27--html5第六天之css
- 关于HTML5 Placeholder新标签低版本浏览器下不兼容的问题分析及解决办法
- Canvas图片灰度等相关处理
- 利用html5调用本地摄像头拍照上传图片
- 让所有IE支持HTML5的解决方案
- 加速Web开发的9款知名HTML5框架
- 解决html5新标签【placeholder】低版本浏览器下不兼容问题
- ZUI - 开源HTML5跨屏框架
- WebStrom的学习使用 H5开发
- HTML5:标记文字
- H5小内容(二)
- html5/css3响应式布局介绍及设计流程
- HTML5 音乐播放
- HTML5 语义标签