Android上的地理位置與谷歌地圖V3和jQuery Mobile

我跟着本教程http://www.mobiledevelopersolutions.com/home/start/twominutetutorials/tmt4part1，我有一個問題。地理位置不適用於默認的Android瀏覽器。它適用於Android，Chrome和IE瀏覽器。但不是默認的Android瀏覽器。Android上的地理位置與谷歌地圖V3和jQuery Mobile

我想我必須把{enableHighAccuracy：true}放在某個地方，我不明白它的意思。

這是代碼：

var mapdata = { destination: new google.maps.LatLng(51.3704888, 6.1723862) }; 

// Home page 
$('#page-home').live("pageinit", function() { 
    $('#map_square').gmap(
     { 'center' : mapdata.destination, 
      'zoom' : 12, 
      'mapTypeControl' : false, 
      'navigationControl' : false, 
      'streetViewControl' : false 
     }) 
     .bind('init', function(evt, map) { 
      $('#map_square').gmap('addMarker', 
       { 'position': map.getCenter(), 
        'animation' : google.maps.Animation.DROP 
});                                                    
     }); 
    $('#map_square').click(function() { 
     $.mobile.changePage($('#page-map'), {}); 
    }); 
}); 

function fadingMsg (locMsg) { 
    $("<div class='ui-overlay-shadow ui-body-e ui-corner-all fading-msg'>" + locMsg + "</div>") 
    .css({ "display": "block", "opacity": 0.9, "top": $(window).scrollTop() + 100 }) 
    .appendTo($.mobile.pageContainer) 
    .delay(2200) 
    .fadeOut(1000, function(){ 
     $(this).remove(); 
    }); 
} 

//Create the map then make 'displayDirections' request 
$('#page-map').live("pageinit", function() { 
    $('#map_canvas').gmap({'center' : mapdata.destination, 
     'mapTypeControl' : true, 
     'navigationControl' : true, 
     'navigationControlOptions' : {'position':google.maps.ControlPosition.LEFT_TOP} 
     }) 
    .bind('init', function() { 
     $('.refresh').trigger('tap');   
    }); 
}); 

$('#page-map').live("pageshow", function() { 
    $('#map_canvas').gmap('refresh'); 
}); 

// Request display of directions, requires jquery.ui.map.services.js 
var toggleval = true; // used for test case: static locations 
$('.refresh').live("tap", function() { 


      // START: Tracking location with device geolocation 
    if (navigator.geolocation) { 
     fadingMsg('Using device geolocation to get current position.'); 


     navigator.geolocation.getCurrentPosition ( 
      function(position) { 
       $('#map_canvas').gmap('displayDirections', 
       { 'origin' : new google.maps.LatLng(position.coords.latitude, position.coords.longitude), 
        'destination' : mapdata.destination, 'travelMode' : google.maps.DirectionsTravelMode.DRIVING}, 
       { 'panel' : document.getElementById('dir_panel')}, 
         function (result, status) { 
          if (status === 'OK') { 
           var center = result.routes[0].bounds.getCenter(); 
           $('#map_canvas').gmap('option', 'center', center); 
           $('#map_canvas').gmap('refresh') 
          } else { 
           alert('Unable to get route'); 
          } 
         } 
        );   
       }, 
       function(){ 
        alert('Unable to get location'); 
        $.mobile.changePage($('#page-home'), { }); 

       }); 
      } else { 
       alert('Unable to get location.'); 
      }   
    // END: Tracking location with device geolocation 
    $(this).removeClass($.mobile.activeBtnClass); 
    return false; 
}); 


// Go to map page to see instruction detail (zoom) on map page 
$('#dir_panel').live("tap", function() { 
    $.mobile.changePage($('#page-map'), {}); 
}); 

// Briefly show hint on using instruction tap/zoom 
$('#page-dir').live("pageshow", function() { 
    fadingMsg("Tap any instruction<br/>to see details on map"); 
});

THX的幫助！

來源

2012-05-03 Maxcim

這是您可能需要打電話的方式。

navigator.geolocation.getCurrentPosition(successCallback, 
             errorCallback, 
             {maximumAge:Infinity, timeout:0, enableHighAccuracy: true });

Ofcourse在這裏你可以改變maximumAge和超時值，但是這是你設置enableHighAccuracy。所以只需在你的getcurrentposition方法中指定它作爲第三個參數。

編輯：

navigator.geolocation.getCurrentPosition ( 
     function(position) { 
      $('#map_canvas').gmap('displayDirections', 
      { 'origin' : new google.maps.LatLng(position.coords.latitude, position.coords.longitude), 
       'destination' : mapdata.destination, 'travelMode' : google.maps.DirectionsTravelMode.DRIVING}, 
      { 'panel' : document.getElementById('dir_panel')}, 
        function (result, status) { 
         if (status === 'OK') { 
          var center = result.routes[0].bounds.getCenter(); 
          $('#map_canvas').gmap('option', 'center', center); 
          $('#map_canvas').gmap('refresh') 
         } else { 
          alert('Unable to get route'); 
         } 
        } 
       );   
      }, 
      function(){ 
       alert('Unable to get location'); 
       $.mobile.changePage($('#page-home'), { }); 

      }, 
    { enableHighAccuracy: true });

來源

2012-05-03 10:23:19

我想把它放在不同的地方，但我無法得到它的工作。你能指出我的代碼中的確切位置嗎？謝謝！ – Maxcim

@Maxcim現在就試用它。 –

當我把它放在那個地方它不起作用，但它也停止在IE和Chrome的工作。 – Maxcim

-1

由於要使用地理定位，你的傳感器設置爲true？因爲如果你將它設置爲false，它將不起作用。

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=true"></script>

來源

2013-03-16 02:36:30

傳感器參數不會以任何方式影響結果。這只是谷歌的FYI： http://stackoverflow.com/questions/8616764/what-is-the-sensor-parameter-in-google-places-api-good-for –

Android上的地理位置與谷歌地圖V3和jQuery Mobile

回答

相關問題