Ionic 3中如何检测当前经纬度是否在指定区域范围内？

嘿，我之前也做过类似的室内应用定位判断需求，刚好可以给你分享下具体的实现思路和代码~

既然已经能用Geolocation顺利拿到当前经纬度了，接下来核心就是判断这个坐标是否落在目标区域内，常用的有两种场景，我分别给你拆解：

一、判断是否在圆形区域内（适合近似圆形的区域，比如房间中心+有效覆盖半径） #

这种场景实现起来最简单，核心是计算当前坐标和区域中心坐标的球面距离（毕竟地球是球体，不能直接用平面坐标算直线距离），再和设定的半径对比就行。这里用Haversine公式来计算球面距离，日常使用精度完全足够。

具体实现： #

1. 先写一个计算两点球面距离的工具函数：

// 计算两个经纬度之间的球面距离（单位：米）
calculateDistance(lat1: number, lon1: number, lat2: number, lon2: number): number {
  const earthRadius = 6371000; // 地球半径，单位米
  const dLat = this.degreesToRadians(lat2 - lat1);
  const dLon = this.degreesToRadians(lon2 - lon1);
  const a = 
    Math.sin(dLat/2) * Math.sin(dLat/2) +
    Math.cos(this.degreesToRadians(lat1)) * Math.cos(this.degreesToRadians(lat2)) * 
    Math.sin(dLon/2) * Math.sin(dLon/2); 
  const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a)); 
  const distance = earthRadius * c; // 最终距离，单位米
  return distance;
}

// 角度转弧度的辅助函数
degreesToRadians(degrees: number): number {
  return degrees * (Math.PI / 180);
}

2. 结合Geolocation获取的坐标做判断：

// 设定目标区域的中心坐标和半径（比如你的房间中心经纬度，半径设5米适配室内GPS精度）
const targetLat = 31.2304; // 替换成你的目标纬度
const targetLon = 121.4737; // 替换成你的目标经度
const targetRadius = 5; // 单位：米

// 获取当前位置并判断
this.geolocation.getCurrentPosition().then((resp) => {
  const currentLat = resp.coords.latitude;
  const currentLon = resp.coords.longitude;
  
  // 计算当前位置到目标中心的距离
  const distance = this.calculateDistance(currentLat, currentLon, targetLat, targetLon);
  
  // 判断是否在区域内
  if (distance <= targetRadius) {
    console.log('当前在目标区域内');
    // 这里写你的业务逻辑，比如解锁应用功能
  } else {
    console.log('当前不在目标区域内');
    // 提示用户回到指定区域
  }
}).catch((error) => {
  console.log('获取位置失败', error);
});

二、判断是否在多边形区域内（适合不规则/矩形区域，比如房间的四个角坐标） #

如果你的目标区域是矩形或者不规则形状，就需要用射线法来判断：从当前点向右发射一条虚拟射线，统计它和多边形边的交点数，奇数就在内部，偶数就在外部。

具体实现： #

1. 写一个判断点是否在多边形内的工具函数：

// 判断点是否在多边形内部
isPointInPolygon(point: {lat: number, lon: number}, polygon: Array<{lat: number, lon: number}>): boolean {
  let inside = false;
  const x = point.lon;
  const y = point.lat;
  
  // 遍历多边形的每条边
  for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {
    const xi = polygon[i].lon, yi = polygon[i].lat;
    const xj = polygon[j].lon, yj = polygon[j].lat;
    
    // 判断射线是否和当前边相交
    const intersect = ((yi > y) !== (yj > y))
      && (x < (xj - xi) * (y - yi) / (yj - yi) + xi);
    if (intersect) inside = !inside;
  }
  
  return inside;
}

2. 结合Geolocation使用：

// 设定目标多边形的顶点坐标（比如房间的四个角，按顺时针/逆时针顺序排列）
const targetPolygon = [
  {lat: 31.2303, lon: 121.4736},
  {lat: 31.2305, lon: 121.4736},
  {lat: 31.2305, lon: 121.4738},
  {lat: 31.2303, lon: 121.4738}
];

// 获取当前位置并判断
this.geolocation.getCurrentPosition().then((resp) => {
  const currentPoint = {
    lat: resp.coords.latitude,
    lon: resp.coords.longitude
  };
  
  // 判断是否在多边形内
  const isInside = this.isPointInPolygon(currentPoint, targetPolygon);
  if (isInside) {
    console.log('当前在目标区域内');
    // 执行允许的操作
  } else {
    console.log('当前不在目标区域内');
    // 提示用户回到指定区域
  }
}).catch((error) => {
  console.log('获取位置失败', error);
});

几个注意点 #

• 定位精度：室内GPS的精度一般在3-10米左右，设定区域范围时可以适当放宽，或者结合蓝牙Beacon来提高精度（如果需要更精准的话）。
• 权限配置：确保已经在config.xml中配置了定位权限，比如：

<plugin name="cordova-plugin-geolocation" spec="^4.0.1">
  <variable name="GPS_REQUIRED" value="true" />
</plugin>

• 异常处理：别忘了处理定位失败的情况，比如用户关闭了定位权限、设备无法获取信号等。

内容的提问来源于stack exchange，提问作者jose