为什么 PhoneGap Geolocation onSuccess 从来没有第一次触发？答案

【问题标题】：Why does PhoneGap Geolocation onSuccess never fires the first time around?为什么 PhoneGap Geolocation onSuccess 从来没有第一次触发？
【发布时间】：2014-04-25 11:51:58
【问题描述】：

今晚我在 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 坐标。我真的认为它是一个科尔多瓦错误。下面是我的完整 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>

【问题讨论】：

你的科尔多瓦版本？
对不起，忘了说。我正在使用最新版本，3.4
我们已经在 XDK 中看到了一些类似的地理问题（它提供了类似的 webview 环境），并且认为问题是由本地 GPS 实现引起的——结果往往会因功能而异Android 版本和 Android 制造商。希望我能提供一个解决方案...
是的，我听说过。我希望我的 beta 测试人员不会遇到同样的问题/错误。我要在这里“飞行”，但我想知道使用 Adobe Phonegap 构建服务是否会得到不同的结果？太糟糕了，应用程序超过 15mb...

标签： javascript cordova geolocation

【解决方案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）。请求位置时仍然会出错。很可能是因为 google api 代码本身包含一个 getScript 命令（所以我没有看到真正的加载时间）。

也许是谷歌的摆布？

【讨论】：

【解决方案2】：

我认为这可能是因为您的设备尚未“就绪”。见以下代码：

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

如果您将地理定位调用置于设备就绪事件中，那么它们只会在您的设备被视为“就绪”时触发。

【讨论】：