Question

我正在使用谷歌地图，具体而言，我正在使用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,
    });
});

Answer 1

Google地图标记为此公开了setPosition方法。

我猜测markers变量在某处被声明并保持对地图上每个标记的引用：

function updatePoints (positions) {
    for (var i=0; i < positions.length; i++) {
        var pos=positions[i];
        var marker=markers[pos.registration];
        if(marker){
            // this marker already exists, so reposition it
            var latlong=new google.maps.LatLng(pos.latitude, pos.longitude);
            marker.setPosition(latlong);
        }else{
            // this is a new marker so create it
            marker = map.addMarker({
                lat: pos.latitude,
                lng: pos.longitude,
            });
            markers[pos.registration] = marker;
        }
    }
}

更新标记列表的位置

1 个答案: