🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
使用微信考勤,有很多企业号应用都有,但如何实现呢? 核心有有两个,1其实就是获取用户位置,其实这个可以使用百度地图的API,当然其他的也可以,微信自己的地图实在是太差了,没有考虑。当然地理位置有偏差,如果需要进一步处理,我还没有找到合适的办法。当然了这些也只是表明曾经在某一个位置,并不表明一直都在,就好像打了卡,并不代表一直都在公司上班,也可能打卡后,就逛街去了。 2在获得了用户的位置信息后,在服务端如何知道到底是哪个员工的考勤呢? 1其实就是获取用户位置 使用百度地图的API很简单,[参考](http://developer.baidu.com/map/index.php?title=webcomponent/guide/geo)  需要注意的是一定要把百度地图的API的脚本放在 lbs-geo标签之下,否则就会有脚本错误。 例如:Cannot read property 'addEventListener' of null 核心代码: ~~~ <div class="am-form-group"> <label for="doc-ta-1">所在位置 </label> <p> <lbs-geo id="geo" city="北京" enable-modified="false"></lbs-geo> <input type="hidden" id="address" class="am-form-field am-round" name="address"/> <input type="hidden" id="lng" class="am-form-field am-round" name="lng"/> <input type="hidden" id="lat" class="am-form-field am-round" name="lat"/> </p> </div> <script> // 先获取元素 var lbsGeo = document.getElementById('geo'); //监听定位失败事件 geofail lbsGeo.addEventListener("geofail", function (evt) { alert("fail"); }); //监听定位成功事件 geosuccess lbsGeo.addEventListener("geosuccess", function (evt) { var address = evt.detail.address; var coords = evt.detail.coords; var x = coords.lng; var y = coords.lat; // alert("地址:" + address); // alert("地理坐标:" + x + ',' + y); $("#address").val(address); $("#lng").val(x); $("#lat").val(y); }); </script> ~~~ 2获取用户信息,其实就是把微信的用户相关信息和系统中的相关信息关联起来。 这个可以参考[微信企业号开发:微信用户信息和web网页的session的关系](http://blog.csdn.net/xuexiaodong009/article/details/47747569) 实现效果 ![](https://box.kancloud.cn/2016-01-14_569757de03f3d.jpg)