如何使用JavaScript触发定位服务弹窗或引导开启GPS

仅使用JavaScript完全可以实现这个需求，核心依赖浏览器原生支持的Geolocation API，不需要调用任何Android/Phonegap相关的原生能力。

调用Geolocation API请求定位时，如果用户设备系统级的GPS/定位服务处于关闭状态，或者用户拒绝了网页的定位权限，API会返回对应错误码，我们可以根据错误码匹配场景，弹出自定义的引导用户开启定位服务的提示。

// 检查浏览器是否支持定位API
if ("geolocation" in navigator) {
  navigator.geolocation.getCurrentPosition(
    // 定位成功回调
    (position) => {
      // 这里可以拿到定位的经纬度信息做后续业务处理
      const lat = position.coords.latitude;
      const lng = position.coords.longitude;
      console.log("定位成功：", lat, lng);
    },
    // 定位失败回调
    (error) => {
      switch(error.code) {
        case error.PERMISSION_DENIED:
          // 用户拒绝了网页的定位权限，或者系统定位服务完全关闭
          alert("请开启设备定位服务并允许网页获取定位权限，以使用相关功能");
          break;
        case error.POSITION_UNAVAILABLE:
          // 定位信息不可用，多数情况为系统定位服务未开启
          alert("当前设备定位服务已关闭，请打开GPS后重试");
          break;
        case error.TIMEOUT:
          alert("定位请求超时，请检查定位服务状态后重试");
          break;
      }
    },
    // 定位参数配置
    {
      enableHighAccuracy: true, // 开启高精度定位（会调用GPS）
      timeout: 10000, // 超时时间10秒
      maximumAge: 0 // 不使用缓存的定位结果
    }
  );
} else {
  alert("当前浏览器不支持定位功能，请更换浏览器后重试");
}

• 该API仅支持在HTTPS协议站点或者localhost本地调试环境下使用，HTTP协议的站点会被浏览器默认禁用定位能力，这是W3C标准强制要求。
• 部分手机浏览器在检测到系统定位关闭时，会先弹出系统级的定位开启引导弹窗，你可以根据业务需求选择直接使用原生提示，或者自定义弹窗覆盖原生提示。
• 不要在页面加载完成后立刻触发定位请求，建议在用户点击「查看周边」「获取当前位置」等主动操作后再调用API，避免刚进入页面就弹出权限申请，导致用户直接拒绝。
• jQuery没有专门封装定位相关方法，最终实现还是依赖原生Geolocation API，不需要额外引入jQuery也可以完成需求。

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