如何在google maps api中最终更改标记位置?

时间:2017-01-10 00:43:20

标签: javascript google-maps-api-3

谷歌地图api有问题,当我不断更改标记位置时,这会在地图上留下痕迹,我需要移动标记而不留痕迹。 我实际上从firebase中的数据库获得纬度和经度,并且需要代表汽车的路线。

var mapOptions = {

 center: new google.maps.LatLng(20.615977, -103.339358), 
 zoom: 12

};

var map = new google.maps.Map(document.getElementById("map"), mapOptions);    

firebase.database().ref('route').on('value', function(data) {

var start = new google.maps.Marker({
    position: {lat: latitud, lng: longitud}, 
    map: map,
    icon: '../icon/car.png'
});

var myLatlng = new google.maps.LatLng(data.val().latitude, data.val().longitude);

start.setPosition(myLatlng);
start.setMap(map);   

});

1 个答案:

答案 0 :(得分:1)

您正在每个活动中创建一个新标记。相反,在事件处理程序之前创建标记(并在那里调用setMap),并在处理程序中,只需对数据的新lat / lng执行setPosition()。