Leaflet.js - 在某些浏览器上无法获取我的当前位置

Question

我使用 Leaflet.js 和这些插件制作了这个application：MarkerCluster、Leaflet Map Fullscreen，它托管在 Linux 服务器中，HTTP apache2。

由于某种原因，我无法在以下浏览器上获取当前位置：

• Mozilla Firefox（最新版本）
• 谷歌浏览器（最新版本）
• 微软边缘

在 IE 中，它给了我一个弹出窗口来授予我定位自己的权限，并且它工作......只有一次。如果我尝试再次定位自己，它的行为就像上面的其他浏览器一样。

而且，如果我在 Instagram dm 中打开链接，它就可以正常工作...

它也适用于本地主机，或者如果我使用位置保护浏览器扩展来使我的位置成为一个固定点。

是什么导致了这个问题？是不是因为不是https？

Answer 1

如果您想在大多数（如果不是所有）现代浏览器上支持地理定位，则必须切换到 https。

对于Chrome

从 Chrome 50 开始，Chrome 不再支持获取 使用 HTML5 Geolocation API 从交付的页面获取用户的位置 通过非安全连接。这意味着正在制作的页面 地理定位 API 调用必须从安全上下文中提供服务，例如 HTTPS。

对于Firefox

此功能仅在安全上下文 (HTTPS) 中可用 [...]

根据nice support grid on MDN，Opera 和 Safari 也应该需要 https 来启用地理定位。