navigator.geolocation.getCurrentPosition 回调在 Firefox 10 上不起作用

Question

我正在构建一个使用 Geolocation API 的应用。我似乎无法在 Firefox 10 上获得一段非常简单的代码。这是代码：

    window.onload = function() {
        if (navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(function(position) {
                alert('it works');
            }, function(error) {
                alert('Error occurred. Error code: ' + error.code);         
            });
        }else{
            alert('no geolocation support');
        }
    };

因此，例如，在 chrome 中，运行页面后，系统会询问我是否要共享我的位置，单击“是”后，它会提醒我“它可以工作”。现在在 Firefox 10 中，它会要求我分享我的位置，点击分享后它什么也不做……我一直在尝试让回调运行任何类型的代码，但没有运气。这是Firefox的错误还是我做错了什么？我这里有一个用于测试的代码示例：http://dev-hub.com/geolocation.html。

编辑--- 我的操作系统是 windows 7 64bit

Answer 1

好吧，我发现问题确实出在 Firefox 上，它不能在所有平台上可靠或同等地工作。查看http://dev.w3.org/geo/api/spec-source.html我发现添加以下选项：

    window.onload = function() {
        if (navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(function(position) {
                alert('it works');
            }, function(error) {
                alert('Error occurred. Error code: ' + error.code);         
            },{timeout:5000});
        }else{
            alert('no geolocation support');
        }
    };

正如您在此处看到的，已添加 timeout:5000，这意味着如果由于某种原因浏览器花费超过 5000 毫秒（5 秒），则会引发超时错误（即错误代码 3）。因此，现在每当 Firefox 不工作时，它至少会运行错误回调，并且我会收到“发生错误。错误代码：3”的警报消息。

显然超时的默认值是无限的，所以它永远不会超时...... Chrome 是 100% 可靠的，但 Firefox 在我的机器上大约是 10% 可靠，这非常令人失望。在我的另一台运行 Windows XP 且位于同一网络的计算机上，Firefox 似乎是 100% 可靠的。

Answer 2

我已经为你做了这个例子：

if(!navigator.geolocation){
alert('El Navegador no soporta GeoLocalización');
}

function doGeo( position ) 
{
    var coords = position.coords.latitude + '+' + position.coords.longitude;
    var url = 'https://maps.google.es/?q=' + coords;
    $( "#lat" ).html("Latitud: " + position.coords.latitude );
    $( "#lon" ).html("Longitud: " + position.coords.longitude );
    $( "#acc" ).html("Precisión: " + position.coords.accuracy );
    $( "#alt" ).html("Altitud: " + position.coords.speed );        
    var link = '<a class="btn btn-primary" href="' + url + '" target="_blank">Ir a la     Ubicación en Google Maps</a>';
    $(link).appendTo('#GoogleMaps');
}

function lost()
{
    alert('Algo salió mal, Intentelo más tarde...');
};
navigator.geolocation.watchPosition(doGeo, lost, {maximumAge:0,enableHighAccuracy:true}          );

@987654321@

希望对你有帮助！