javascript - 如何使用phonegap更新谷歌地图中多个标记的位置

Question

我是新手，我有跟踪多车的服务，我使用定时器来接收位置，但我不知道如何用新值更新旧标记。我尝试使用删除所有标记然后再次添加，但它并不顺利。请帮助我。 Sr 英语不好

var markers = [];
var marker = [];

setInterval(function () {
        for (var i = 0; i < markers.length; i++) {
            markers[i].setMap(null);
        }
        markers = [];

        $.ajax({
            type: "POST",
            contentType: "application/xml; charset=utf-8",
            url: "http://localhost:24074/WebService1.asmx/DoWork",
            data: {}, 
            dataType: "xml",
            crossDomain: true,
            processData: false,
            success: function (xml) {
                var bienSo, soHieu, soCho, vd, kd;
                $(xml).find('T_XeOnline').each(function () {
                    $(this).find("KinhDo").each(function () {
                        kd = $(this).text();
                    });
                    $(this).find("ViDo").each(function () {
                        vd = $(this).text();
                    });
                    $(this).find("BienSoXe").each(function () {
                        bienSo = $(this).text();
                    });
                    $(this).find("SoHieuXe").each(function () {
                        soHieu = $(this).text();
                    });
                    $(this).find("SoCho").each(function () {
                        soCho = $(this).text();
                    });
                    content = '<p>Biển số xe: ' + bienSo + '<br/>' +
                               'Số hiệu xe: ' + soHieu + '<br/>' +
                               'Số chỗ: ' + soCho + '<br/>' + '</p>';

                    updateMarker(vd, kd);
                });


            },
            error: function (msg, textStatus) {
                alert("Error " + msg.responseText + "" + msg.statusText + "" + XMLHttpRequest.stat);
            }
        })
    }, 5000);

 function updateMarker(lat, lng) {

    marker = new google.maps.Marker({
        position: new google.maps.LatLng(lat, lng),
        map: map,
    });

    markers.push(marker);
    addInfoWindow(marker, content);
}

Answer 1

没有内置函数，但您可以使用 setPosition(latlng) 函数来构建自己的函数来更新标记的位置，并使用 setTimeout(myFun,延迟)等待并使其看起来像动画。

我创建了 JSFiddle here .

希望这有帮助。