"User has not allowed access to Windows Location" React JS 应用程序的浏览器错误

Question

我正在构建应用程序以根据来自浏览器地理定位 API 的位置坐标从 google 地图获取用户地址。我使用下面的代码来获取坐标。显示弹出窗口以允许首次获得位置权限。我已允许在浏览器中访问位置。还是不行。

useEffect(() => {
    if ("geolocation" in navigator) {
        console.log("Available");
    } else {
        console.log("Not Available");
    }

    navigator.geolocation.getCurrentPosition(function(position) {
        //do success handling
        console.log(position);
        console.log("Latitude is :", position.coords.latitude);
        console.log("Longitude is :", position.coords.longitude);
     },
     function errorCallback(error) {
        //do error handling
        console.log(error);
     },
     {
        timeout:5000
     });
)}

if 条件给出 Available 输出，但 getcurrentposition() 总是 returns 错误“User has不允许访问 Windows 位置 "

Answer 1

地理定位查询后端（API）由个别浏览器制造商构建。这包括权限设计和查询位置。

您收到的错误似乎是 Microsoft Edge（如果我没记错的话）。

Microsoft Edge：仅站点级用户权限是不够的。用户还必须转到 Windows 设置 > 位置 > 启用位置 + 启用应用程序可以访问位置。 Edge 将首先检查 Windows 权限，然后查询其自己的 API 服务器进行地理定位。

Chrome & Firefox：一旦用户允许站点的位置权限，您就全部设置好了。 Google 和 Mozilla 将查询各自的服务器以进行地理定位。

"User has not allowed access to Windows Location" React JS 应用程序的浏览器错误

"User has not allowed access to Windows Location" error in browser for React JS application

javascript

geolocation

reactjs