html - 自定义 HTML5 地理位置提示

Question

当我正在测试 HTML5 的一项功能时——我的项目的地理定位，我意识到用户可以在不允许或拒绝的情况下关闭提示，这违背了提示的全部目的。

而且因为在我的项目中我想根据用户的位置动态地向用户显示数据，所以这是不可能的，因为不知道用户的响应，它不会触发任何两个回调 - 成功/错误。

所以我开始寻找是否有任何解决方案，很多建议是设置超时，我试过了，一切都很完美。但是，这里有一个小缺陷，当超时到期时，所有数据都已显示，当我说全部时，我的意思是一切，因为没有检测到位置。

所以我想到了两个可能有效的解决方案，1) 创建一个自定义地理位置提示，强制用户允许/拒绝共享位置，并将响应传递给浏览器以设置位置首选项2) 暂停页面加载(停止呈现内容)并等待它达到超时到期或得到用户的响应

有人知道如何实现这两种解决方案中的一种吗？

PS:对不起，如果你不清楚，我知道我的英语很烂，但我可以解释得更详细。

谢谢大家!

Answer 1

如果您的项目是基于浏览器的，则您不应该能够使用自定义地理位置提示，因为恶意开发人员可能会使用该方法来欺骗用户。此外，由于 Geolocation API 是一个异步事件，它会在等待期间继续加载页面的其余部分。

我建议使用条件语句而不是 else 子句。这样，您的脚本函数应该只在位置共享后执行，并且您可以回退到如果没有提供地理位置信息会发生什么(我强烈建议这样做，因为当没有提供数据时会发生这种情况)。

使用JS查询地理位置信息的条件语句示例:

if (navigator.geolocation) {
    // code to run if there is geolocation information
}
else{
// code to run if no geolocation info is given to the browser
}