以下是详细的攻略：

教你用Uniapp实现微信小程序的GPS定位打卡

一、前置知识准备

在开始实现GPS定位打卡之前，需要具备以下知识：

1. Uniapp开发基础知识
2. 微信小程序开发基础知识
3. GPS相关知识

如果您还不了解以上知识，请先学习相关基础知识。

二、步骤

1. 获取用户当前位置信息

在Uniapp中，可以使用uni.getLocation()方法获取用户的当前位置信息：

uni.getLocation({
  success: function (res) {
    console.log(res.latitude);
    console.log(res.longitude);
  }
});

该方法返回一个对象，包含用户的经纬度信息。

2. 定义打卡范围

接下来，需要定义打卡范围，以便判断用户的坐标是否在范围内。可以通过计算两点之间的距离来判断用户坐标是否在打卡范围内。下面是一个计算两点之间距离的示例方法：

function getDistance(lat1, lng1, lat2, lng2) {
  let radLat1 = lat1 * Math.PI / 180.0;
  let radLat2 = lat2 * Math.PI / 180.0;
  let a = radLat1 - radLat2;
  let b = lng1 * Math.PI / 180.0 - lng2 * Math.PI / 180.0;
  let s = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a/2),2) +
    Math.cos(radLat1)*Math.cos(radLat2)*Math.pow(Math.sin(b/2),2)));
  s = s * 6378.137 ;// EARTH_RADIUS;
  s = Math.round(s * 10000) / 10000;
  return s;
}

该方法返回两点之间的距离（单位为千米）。

3. 判断用户是否在打卡范围内

在获取用户位置信息和定义打卡范围之后，就可以进行用户位置的判断了。可以使用上述计算两点之间距离的方法来获取用户位置与打卡范围之间的距离。如果该距离小于定义的打卡范围，则可以认为用户在打卡范围内。

下面是一个示例代码：

uni.getLocation({
  success: function (res) {
    let lat1 = res.latitude;
    let lng1 = res.longitude;
    let distance = getDistance(lat1, lng1, 40.057031, 116.307694);
    if (distance <= 0.5) {
      console.log("打卡成功");
    } else {
      console.log("不在打卡范围内");
    }
  }
});

在上面的示例代码中，判断打卡范围是以北京市朝阳区望京SOHO为中心，半径为500米的圆形区域。

三、示例说明

示例1

如果需要实现某个公司的GPS定位打卡功能，可以先在公司的地点确定打卡范围。比如在公司正门设置定位中心，打卡范围为100米半径圆形区域。当用户进入该区域后，系统提示用户是否进行打卡操作。如果用户选择打卡，则上传用户的打卡时间、地点等信息。

示例2

如果需要实现运动健身类的GPS定位打卡功能，可以先在场地中心点设置定位中心。打卡范围视运动场地的大小而定。当用户进入该区域后，系统自动记录用户进入时间，并提示用户进行运动。当用户完成运动后，系统记录用户完成时间，并将用户完成时间和打卡记录一并上传到服务器上。

注：以上示例仅为说明，实际实现过程中需要根据具体业务需求和技术能力做出相应的调整。

以上就是利用Uniapp实现微信小程序的GPS定位打卡的完整攻略。希望能对您有所帮助。