更新谷歌地图上的标记位置，无需加载页面

Question

我尝试每隔20秒更新一次来自数据库的Google地图标记位置，但它无法正常工作。

代码：

for (i = 0; i < purple.length; i++) {

    if (purple[i][1] == latitude && purple[i][2] == longitude) {
        nogreen = 1;
    }

    marker = new google.maps.Marker({
            position : new google.maps.LatLng(purple[i][1], purple[i][2]),
            map : map,
            title : purple[i][0],
            data : purple[i][0],
            zoom : maxZoomService,
            icon : 'img/purple.png',
            shadow : 'img/purple.png'
        });

    setInterval(function () {
        position : new google.maps.LatLng(purple[i][1], purple[i][2]),
        marker.setPosition(position);
    }, 20000);
};

这是正确的还是我该怎么做？

Answer 1

这里的代码无效javascript：

setInterval(function() {
        position: new google.maps.LatLng(purple[i][1], purple[i][2]),
        marker.setPosition(position);
    }, 20000); 

你想这样做：

setInterval(function() {
        position = new google.maps.LatLng(purple[i][1], purple[i][2]);
        marker.setPosition(position);
    }, 20000);