之前javascript函數我在移動設備上獲取用戶的位置,並把它發送到數據庫,然後我運行一個jQuery函數來繪製地圖上的指針。運行jQuery函數
但是地圖似乎總是在我更新用戶的位置意味着該位置是先前設置的一個加載。
getGeoLocation是更新與正確的位置數據庫的功能,但它的jQuery函數後,只有永遠運行。似乎無法解決這個問題......我只能在通話完成後才能使地圖加載?
<script>
$(document).ready(function(){
getGeoLocation();
alert('map');
var result = JSON.parse('<?php usersWithinRadius(); ?>');
$('#map').gmap3({
marker:
{
values: result,
},
map:
{
options:
{
zoom:12,
mapTypeControl: false,
navigationControl: true,
streetViewControl: false
}
}
});
});
</script>
這就是getGeoLocation是指代碼:
//Initialize geolocation
function getGeoLocation()
{
if(navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(
recordGeoLocation,
geoLocationErrorHandler, {
enableHighAccuracy: true,
timeout: 20000,
maximumAge: 120000
}
);
return true;
}
else
{
alert('Geolocation not supported');
return false;
}
}
//Map position retrieved successfully
function recordGeoLocation(position)
{
var data = new Object();
data.latitude = position.coords.latitude;
data.longitude = position.coords.longitude;
/** Other data
data.altitude = position.coords.altitude;
data.accuracy = position.coords.accuracy;
data.altitudeAccuracy = position.coords.altitudeAccuracy;
data.heading = position.coords.heading;
data.speed = position.coords.speed;
**/
recordUserGeoLocation(data.latitude, data.longitude);
}
//Send the latitude and longitude to database
function recordUserGeoLocation(latitude, longitude)
{
var BASE_URL = $('#BASE_URL').val();
var ajaxURL = BASE_URL + 'ajax/recordUserGeoLocation/';
$.ajax({
type: 'POST',
url: ajaxURL,
data: {
latitude: latitude,
longitude: longitude
},
dataType: 'json',
success: function(data){
//The record has been added
console.log('Recorded location: ' + latitude + ' , ' + longitude);
alert('Recorded location: ' + latitude + ' , ' + longitude);
}
});
}
//Error handler
function geoLocationErrorHandler(err)
{
var message;
switch(err.code)
{
case 0:
message = 'Unknown error: ' + err.message;
break;
case 1:
message = 'You denied permission to retrieve a position.';
break;
case 2:
message = 'The browser was unable to determine a position: ' + error.message;
break;
case 3:
message = 'The browser timed out before retrieving the position.';
break;
}
alert(message);
}
安置自己的'getGeoLocation()'函數爲好。您將需要使用谷歌給你的回撥,一旦它獲得我相信的位置。 – techfoobar 2013-04-11 16:08:54
補充說,更新位置的代碼不是來自谷歌,它使用內置的瀏覽器地理位置。 – 2013-04-11 16:11:22