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

本文关键字:位置 实时更新 谷歌地图 | 更新日期: 2023-09-27 18:19:38

我有一个坐标列表,它来自数据库,每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);
}

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

每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
        }