navigator.geolocation.getCurrentPosition的回调没有在firefox中触发
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了navigator.geolocation.getCurrentPosition的回调没有在firefox中触发相关的知识,希望对你有一定的参考价值。
我在React Component中有一个函数,负责获取用户的位置。
export default class SomeComponent extends React.Component<SomeProps, SomeState> {
constructor(props: any) {
super(props)
//initializing state here...
}
componentDidMount() {
this.getCurrentPosition()
}
getPosition = () => {
console.log('get current position') //it's firing
navigator.geolocation.getCurrentPosition((position: Position) => {
console.log('pos', position) // not firing in any case
//do stuff here..
},
(error: any) => {
console.log(error) //not firing in any case
//do stuff here..
})
}
}
我的问题是这种方法在Chrome / Edge中完全正常,但在Firefox中没有任何navigator.geolocation.getCurrentPosition回调被触发。操作系统:MS Windows 10. Firefox:61.0.1
我已经尝试过做的事情:
- 使用HTTP上的应用程序
- PositionOptions对象的各种组合作为第三个参数传递给navigator.geolocation.getCurrentPosition。
- 将Firefox从61.0.1降级到53.0.3
- 摆弄about:config geo选项。例如,将geo.wifi.uri从https://www.googleapis.com/geolocation/v1/geolocate?key=%GOOGLE_API_KEY%更改为https://location.services.mozilla.com/v1/geolocate?key=%MOZILLA_API_KEY% 目前的地理选择: geo.enabled:是的 geo.provider.ms-windows-location:false geo.wifi.uri:https://www.googleapis.com/geolocation/v1/geolocate?key=%GOOGLE_API_KEY% geo.wifi.xhr.timeout:60000
5以简单的javascript方式重新组合getPosition并从tsx组件调用它。
// navigator.js
function succ(pos){
console.log('pos', pos)
}
function err(err){
console.log('err', err)
}
export default function Nav(){
console.log('nav')
navigator.geolocation.getCurrentPosition(succ, err);
}
//SomeComponent.tsx
import Nav from '../containers/navigator.js'
componentDidMount() {
Nav();
}
答案
在浏览器中粘贴about:config
,看看是否在那里启用了地理定位服务。最合适的你可以在Mozilla支持中找到here
另一答案
此问题是由同时使用react-geolocated lib和navigator.geolocation.getCurrentPosition()引起的。回调没有被解雇,因为firefox认为地理定位已经解决了。评论反应地理定位的lib使用有帮助。
以上是关于navigator.geolocation.getCurrentPosition的回调没有在firefox中触发的主要内容,如果未能解决你的问题,请参考以下文章