一个工具页面，可使用Firefox或者Chrome直接运行。通过在地图上拾取坐标点，最终生成一键导航的页面地址，可将该地址嵌入到H5页面、微信图文或其他Web页面中，实现点击后打开百度地图，以及一键导航功能。

使用h5，js,百度api实现百度地图定位； 显示当前所在位置； 显示打卡范围； 计算与打卡地点距离。

HTML5 Geolocation（地理定位）用于定位用户的位置。那么如何实现一个距离追踪器呢？我的思路是这样的，前提是浏览器支持h5地理定位，在这个基础上，获取用户位置，更新用户位置，计算距离，显示到页面，这样就简单实现了一个距离追踪器，为了用户更清楚地看到当前位置，这里接入了百度地图API。 页面结构如下所示： Your Location 您的浏览器不支持HTML5