如何在谷歌地图上实时更新标记位置
本文关键字:位置 实时更新 谷歌地图 | 更新日期: 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
}