html5考勤打卡位置定位如何实现？

warmersen 2018-03-20 09:07:10

比如：在某一个地点，方圆200米以内才能可以定位打卡，超出这个范围是不允许打卡的，请问大神具体如何实现，最好是可以贴上代码，谢谢。

...全文

1667 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

思考的种子 2019-08-07

打赏
举报

回复

Go 旅城通票 2018-03-21

打赏
举报

回复

https://developer.mozilla.org/zh-CN/docs/Web/API/Geolocation/Using_geolocation获取gps坐标，然后计算坐标和这个点的坐标距离经纬度计算 https://segmentfault.com/a/1190000010371592?utm_source=debugrun&utm_medium=referral

Web开发学习资料推荐
javascript运行机制浅析
配置chrome支持本地（file协议）ajax请求

该资源是使用H5写的考勤打卡页面，页面样式参考了钉钉。基于Apicloud集成BMap实现了考勤打卡定位功能

该资源包含了一个考勤系统的基本功能页面，想学习html技术的童鞋请积极下载哦！

H5+plus定位,使用高德地图渲染，实现考勤打卡功能

H5+百度地图实现考勤定位打卡html页面引入百度地图 (记得更改密钥)确保线上服务为https协议案例代码const {BMap,BMAP_STATUS_SUCCESS,BMAP_ANCHOR_TOP_LEFT}=window;// 定位const _$that = this;const map = this.map;// 第一次绘制// 创建新的标注开始var pt2 = new BMap...

前言：由于项目需求需要在项目中实现手机端（基于网页）考勤打卡功能，最初考虑使用H5自身定位功能，但尝试过后，效果很不稳定。然后尝试使用百度地图JsAPI，百度家的稳定倒是很稳定，没想到的是定位位置和实际位置居然相差几十公里，一开始是以为自己配置有问题，浪费了我大半天时间去找原因，最后发现他本身提供的API就是偏差很大距离的，他自己家的倒是定位很准，对外开放的API简直惨不忍睹。百度API浏......

87,907

社区成员

224,614

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章