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

Question

我正在构建应用程序，以根据浏览器地理位置API的位置坐标从谷歌地图获取用户地址。我使用了下面的代码来获取坐标。将显示弹出窗口以允许首次获得位置权限。我已允许在浏览器中访问位置的权限。它仍然不起作用。

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
});
)}

如果条件给出可用输出，但getcurrentposition((总是返回错误">用户不允许访问 Windows 位置"

Answer 1

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

您收到的错误似乎是Microsoft Edge(如果我是对的(。

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

Chrome和Firefox：一旦用户允许网站的位置权限，你就设置好了。Google和Mozilla将查询各自的服务器以获取地理位置。