navigator.geolocation getCurrentPosition nie aktualizuje się w Chrome Mobile
Stworzyłem witrynę (można uzyskać do niej dostęp pod adresemhttp://dev.gkr33.com) który jest przeznaczony dla smartfona i próbuje użyć api navigator.geolocation i chwycić twoją pozycję za pomocą getCurrentPosition. Wydaje się, że to działa początkowo, ale jeśli spróbujesz odświeżyć stronę, zawsze przywróci ostatnią pozycję GPS. Dodałem kilka informacji o debugowaniu na stronie, która pobiera czas powrotu getCurrentPosition i po początkowym ustawieniu zawsze zwraca ten sam czas (do milisekundy).
Wydaje się, że dzieje się tak tylko w Chrome Mobile. Jeśli przejdę do witryny za pomocą podstawowej przeglądarki Android, działa ona za każdym razem.
Kod jest pokazany poniżej;
<script type="text/javascript">
(function ($) {
$(document).ready(function() {
var options = { enableHighAccuracy: true, maximumAge: 0, timeout: 60000 };
var position;
// empty the current html elements, not strictly necessary but
// I'm clutching at straws
$('#debug-latlng').empty();
$('#debug-time').empty();
$('#debug-address').empty();
// Let's try and find out where we are
if(navigator.geolocation) {
navigator.geolocation.getCurrentPosition(gotPos, gotErr, options );
} else {
gotErr();
}
// We've got our position, let's show map and update user
function gotPos(position) {
var info;
info = position.coords.latitude+','+position.coords.longitude;
$('#debug-latlng').text(info);
$('#debug-time').text(parseTimestamp(position.timestamp));
// the following json call will translate the longitude and
// latitude into an address (a wrapper for google's geocode call)
$.getJSON('http://dev.gkr33.com/api.php', { req: "getLocationInfo", latlng: $('#debug-latlng').text() }, function(json) {
$('#debug-address').text( json['results'][0]['formatted_address'] );
});
var myLatLng = new google.maps.LatLng( position.coords.latitude, position.coords.longitude );
var mapOptions = {
zoom: 12,
center: myLatLng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
var marker = new google.maps.Marker({
position: myLatLng,
title: 'You are here',
animation: google.maps.Animation.DROP
});
marker.setMap(map);
} //gotPos
// Trap a GPS error, log it to console and display on site
function gotErr(error) {
var errors = {
1: 'Permission denied',
2: 'Position unavailable',
3: 'Request timeout'
};
console.log("Error: " + errors[error.code]);
$('#debug-latlng').text('GPS position not available');
} //gotErr
// Make timestamp human readable
function parseTimestamp(timestamp) {
var d = new Date(timestamp);
var day = d.getDate();
var month = d.getMonth() + 1;
var year = d.getFullYear();
var hour = d.getHours();
var mins = d.getMinutes();
var secs = d.getSeconds();
var msec = d.getMilliseconds();
return day + "." + month + "." + year + " " + hour + ":" + mins + ":" + secs + "," + msec;
} // parseTimestamp
});
}) (jQuery);
</script>
Grałem z różnymi wartościami maximumAge i timeout, ale nic nie wpływa na te same wartości position.coords i position.time.
Myślę, że może być problem z Chrome Mobile, ale nie chcę w tym momencie zakładać zbyt wiele i po prostu potrzebuję wyjaśnienia, że nie popełniłem błędu w muppetach w moim kodzie.
Wielkie dzięki za wszelką pomoc, jaką możesz zapewnić.
UPDATE: Przypuszczam, że powinienem był powiedzieć, że przetestowałem to na dwóch urządzeniach z Androidem; HTC One X + i Samsung Galaxy Tab 7.7 z tym samym wynikiem. Na obu przeglądarkach działa dobrze, a na obu Chrome nie odświeża pozycji. Później przetestuję na urządzeniu Apple :)