如何在谷歌地图上实时更新标记位置?

时间:2013-06-24 16:42:39

标签: c# javascript jquery html asp.net

我有一个来自数据库的坐标列表,每10秒更新一次。我想在10秒间隔内根据我的坐标显示地点。我可以在谷歌地图上设置。 我通过此代码初始化地图。

function InitializeMap() 
{
directionsDisplay = new google.maps.DirectionsRenderer();
        var latlng = new google.maps.LatLng(17.425503, 78.47497);
        var myOptions = {
            zoom: 13,
            center: latlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
                        };
        var map = new google.maps.Map(document.getElementById("divGoogleMap"), myOptions);
}

1 个答案:

答案 0 :(得分:0)

每10秒添加一次标记,每次都使用ajax调用获取位置。

var myVar = setInterval(function(){addMarkers()},10000);

        function addMarkers(){
            var coorArr = (get the coordinates from your database with ajax)
            marker.setMap(null); //hide markers
            for(var i=0; i<coorArr.length; i++){
            var marker = new google.maps.Marker({
                position: coorArr[i],
                title:"place"+i
            });
            }
         marker.setMap(map)//show the markers
        }