更新谷歌地圖標記不重建地圖

Question

我用這樣的谷歌地圖API：

this.init_map = function(lat, lng){ 
var mapOptions = { 
    center: new google.maps.LatLng(lat, lng), 
    zoom: 17, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
}; 
var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); 

var marker = new google.maps.Marker({ 
    position: new google.maps.LatLng(lat, lng), 
    map: map, 
    title:"I'm Here!" 
}); 
} 

這需要緯度和經度，並繪製地圖就好了，但是當新的緯度& LNG變量被推入到該功能通過WebSocket的頁面不重裝，但地圖被重新用在新的緯度& LNG位置標記繪製。

我想更新地圖上的標記沒有重繪版圖。

Answer 1

var map = null; 
var markers = []; 

this.init_map = function(){ 
var mapOptions = { 
    center: new google.maps.LatLng(lat, lng), 
zoom: 17, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
}; 
map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); 
} 

this.addMarker = function(lat, lng, id){ 
    var marker = new google.maps.Marker({ 
    position: new google.maps.LatLng(lat, lng), 
    map: map, 
    title:"I'm Here!" 
    }); 
    markers.push({ id: id, markerObject: marker}); 
} 

this.updateMarkerCoordinates(lat, lng, id){ 
    //I let you loop the markers array, compare ids and retrieve the marker 
    marker.setPosition(new google.maps.LatLng(lat, lng)); 
}