我正在使用谷歌地图,具体而言,我正在使用http://hpneo.github.io/gmaps对于 gps 跟踪器模拟,这里我需要更新每个点的位置。在 gmaps 脚本中,标记存储在一个数组中,然后我在考虑获取每个点并使用 setPoint 方法来更新位置,但是,gmaps 脚本没有实现这个方法。我正在考虑实施这种方法,但我的问题是:在 gmaps 脚本上有一组标记后,我如何识别每个标记以更新正确标记上的位置或者我可能必须将其存储在外部数组,一个帮助我识别每个标记的关联数组,但我认为当我更新它们时,gmap 脚本上的数组也将保持在相同的位置而不被更新我附上我的代码
/** Positions and map statuses **/
var isLoaded = false;
/** **/
var refreshIntervalId;
var vehicles;
var map;
function setVehicleAsCenter (registration) {
alert("Hola");
}
function loadPoints (positions) {
console.debug('loading markers');
var lttd;
var lgtd;
for (var i=0; i < positions.length; i++) {
lttd = positions[i].latitude;
lgtd = positions[i].longitude;
marker = map.addMarker({
lat: lttd,
lng: lgtd,
});
markers[positions[i].registration] = marker;
};
map.fitZoom();
isLoaded = true
}
function updatePoints (positions) {
/**
how could be the alorithm here
*/
console.debug('updating markers');
}
function requestPoints() {
$.ajax({
url:'{% url 'gpstracking.ajax.request_tracks' %}',
type: 'get',
dataType: 'json',
data: {
vehicles: vehicles
},
success: function (positions) {
if (isLoaded == false) {
loadPoints (positions);
} else {
updatePoints (positions);
}
}
});
}
$(document).ready(function() {
/** Buttons Click Event Set **/
$('.map-mode').click(function(){
vehicles = '';
$("#jstree").jstree("get_checked",null,true).find('a[rel="vehicle"]').each(function(){
vehicles = vehicles + $.trim(this.text) + "|";
});
if (vehicles == '') {
console.debug('No vehicles to display');
return;
}
option = $(this).attr('rel');
if (option == 'show') {
console.debug('Ordering to show');
clearInterval(refreshIntervalId);
requestPoints();
}
if (option == 'listen') {
console.debug('Listening');
requestPoints();
refreshIntervalId = setInterval("requestPoints()", 10000);
}
if (option == 'clear') {
console.debug('Clearing');
clearInterval(refreshIntervalId);
markers = new Object();
map.removeMarkers();
isLoaded = false;
}
});
/** Map loading **/
map = new GMaps({
div: '#map-canvas',
lat: -16.4237766667,
lng: -71.54262,
});
});