如何在谷歌地图上实时更新标记位置
How can live update of marker position on google map?
我有一个坐标列表,它来自数据库,每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
}
相关文章:
- 标记的实时更新,无需加载页面谷歌地图API V3
- 使用Ajax调用在服务器上实时更新页面
- 实时更新,无需刷新页面
- Dojo dGrid/dStore实时更新
- 如何在页面上进行实时更新
- 从JSON实时更新
- 我希望我的php/html网站上的JavaScript能够实时更新
- 使用php-js-msyql的实时更新消息系统
- 在谷歌地图上显示用户当前位置并更新
- 实时更新的持久连接
- Node js redis socket.io pubsub实时更新
- 在OpenCart中,我们如何实时更新数据
- Instagram实时更新没有回应
- 在react组件中使用ajax获取实时更新的数据
- 如何使用highchart在yii中添加实时更新图表
- 将实时更新传递到条纹结账金额
- JavaScript 从 1 个文本区域实时更新到多个文本区域
- 在 PHP / Javascript 中实时更新时间
- AngularJS将实时收集与REST同步,并获得实时更新
- 如何在谷歌地图上实时更新标记位置