Question

今晚我一直在搜索stackoverflow几个小时寻找这个问题的解决方案，我强烈想到的是Geolocation的一个cordova / phonegap错误。

我在geoLocation enabling without page-refresh?

处遇到与@Tal相同的问题

基本上，第一次请求位置时，getLocation调用的onSuccess永远不会被调用。我设置了一个超时来调用onError并停止页面，但仍然无法弄清楚为什么它第一次没有工作，只有完全刷新才能解决问题。将它放入循环中，即：

function onError(error) {
  if (error.code === PositionError.TIMEOUT){
    navigator.geolocation.getCurrentPosition(onSuccess, onError,
      { maximumAge: 3000, timeout: 1000, enableHighAccuracy: true } );
  }
  // Handle other errors here
}

似乎从来没有工作过。我已经尝试重新安排我的代码顺序和功能，但它似乎没有任何区别。该应用程序仅在第一次失败后才能成功获取GPS坐标。我真的认为它是一个cordova bug。我的完整javascript代码如下：

<script type="text/javascript" charset="utf-8">
    // onSuccess Geolocation
    //
    function onSuccess(position) {
        var element = document.getElementById('geolocation');
        //OUTPUT COORDINATES INFORMATION INTO HTML
    element.innerHTML = '<h2>Detailed Gelocation information</h2><table class="geoTable"><tr><td class="noborder"></td><th>Latitude</th><th>Longitude</th><th>Altitude</th><th>Accuracy</th><th>Altitude Accuracy</th><th>Heading</th><th>Speed</th><th>Timestamp</th></tr>' +
            '<tr><td class="head">Data Value</td>' +
            '<td class="centre">' + position.coords.latitude  + '</td>' +
            '<td class="centre">' + position.coords.longitude + '</td>' +
            '<td class="centre">'  + position.coords.altitude + '</td>' +
            '<td class="centre">'  + position.coords.accuracy + '</td>' +
            '<td class="centre">'  + position.coords.altitudeAccuracy + '</td>' +
            '<td class="centre">'  + position.coords.heading + '</td>' +
            '<td class="centre">'  + position.coords.speed   + '</td>' +
            '<td class="centre">' + new Date(position.timestamp) + '</td></tr>'+
            '</table>' +
            '<p align="center"><button data-theme="h" onclick="resetLocation();">Clear GPS Location</button></p>';


                    //GET LOCATION VARIABLES FROM API
                    var lat = position.coords.latitude;
                    var lng = position.coords.longitude;
                    var yourStartLatLng = new google.maps.LatLng(lat, lng);

                    //PUT GMAPS INFORMATION INTO PAGE
                    $('#map_canvas').gmap({'center': yourStartLatLng});
                    $('#map_canvas').gmap('option', 'zoom', 19);
                    $('#map_canvas').gmap('option', 'mapTypeId', google.maps.MapTypeId.SATELLITE);
                    $('#map_canvas').gmap('addMarker', {
                                                        'position': yourStartLatLng, 
                                                        'draggable': false, 
                                                        'bounds': false
                                                        });
    }
    // onError Callback sends user an alert message and refreshes screen to load all scripts again
    //
    function onError(error) {
        alert('The Freshwater application failed to get your location. Please ensure that you have a successful WIFI or 3G/4G internet connection when using the Geolocation feature. ' +
              'The Locator screen will now be refreshed. Please attempt Geolocation again.');

    //navigator.geolocation.getCurrentPosition(onSuccess, onError,
      //{ maximumAge: 3000, timeout: 5000, enableHighAccuracy: false } );
        //PUT A TIMER ON ERROR TO REFRESH PAGE FOR GPS
        setTimeout("window.location+='?refreshed';", .1000); 
    }

//RESET GEOLOCATION PAGE TO TAKE ANOTHER LOCATION READING
    function resetLocation(){
        setTimeout("window.location+='?refreshed';", .1000); 
    }

    //ATTACH FUNCTION TO BUTTON TO CALL GEOLOCATION
  function getLocation() {
        navigator.geolocation.getCurrentPosition(onSuccess ,onError,
      { timeout: 1000, enableHighAccuracy: true } );
    }
</script>

Answer 1

Javascript的加载时间导致地理定位功能第一次超时。

我对脚本进行了一些修改，并删除了一些我没有使用的Gmap UI Jquery库。

jquery.ui.map.extensions.js
jquery.ui.map.microdata.js
jquery.ui.map.microformat.js
jquery.ui.map.overlays.js
jquery.ui.map.rdfa.js
jquery.ui.map.services.js

这可能产生了很小的影响。当使用iOS模拟器进行一些基于时间的测试时，一旦页面加载就要求地理位置永远不会在第一次触发onSuccess。如果我在点击“获取位置”按钮之前等待大约10秒，它就会第一次运行。

显然，这与在请求地理定位之前正确加载所有（内部和外部）脚本有关。我已经预装了外部谷歌地图脚本，如下所示：

  function onLoad() {
  var script = document.createElement('script');
  script.type = 'text/javascript';
  script.src = 'https://maps.googleapis.com/maps/api/js?key=AIzaSyDy1bBAiDhmFfuKz6SerLvKyOIUqlFsX7c&sensor=true&' +
  'callback=mapLoaded';
  document.body.appendChild(script);
    }

但如果有人要求地理定位太快，那么它似乎会超时并且第一次运行onError。

更新：我决定隐藏请求地理位置的按钮，并在加载外部脚本时显示它（并放置一个加载栏gif）。请求位置时仍然会出错。很可能是因为谷歌api代码本身包含一个getScript命令（所以我没有看到真正的加载时间）。

谷歌可能会摆布？

Answer 2

我认为这可能是因为您的设备没有“准备就绪”。请参阅以下代码：

<script>
    function onDeviceReady() {
        // Do your geolocation call here ...
    }
    document.addEventListener("deviceready", onDeviceReady, false);
</script>

如果您将地理位置调用放入设备就绪事件中，那么只有在您的设备被认为准备就绪后才会触发。

为什么PhoneGap Geolocation onSuccess从未第一次出现？

2 个答案: