更新實時谷歌地圖

1）實時更新，無需刷新頁面 2）上的標記的標籤，以確定誰是其中。

這部分代碼我碰到這確實位置標記來對通過JS地圖，但沒有刷新沒有實時更新..

<html> 
<head> 
<script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> 
<style> 
#map-canvas 
{ 
height: 400px; 
width: 500px; 
} 
</style> 
</head> 

<body> 

<div id="map-canvas"></div> 

<script> 
var myLatLng = new google.maps.LatLng(54.0239304,-1.5453314000000091), 
     myOptions = { 
      zoom: 4, 
      center: myLatLng, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
      }, 
     map = new google.maps.Map(document.getElementById('map-canvas'), myOptions), 
     marker = new google.maps.Marker({position: myLatLng, map: map}); 

    marker.setMap(map); 
    setTimeout(function(){ 

     marker.setPosition(new google.maps.LatLng(54.0239304,-1.5453314000000091)); 
     map.panTo(new google.maps.LatLng(54.0239304,-1.5453314000000091)); 

    }, 1500); 
</script> 

</body> 

</html>

關於這個問題的任何幫助，將不勝感激。

來源

2017-04-09 user7763438

「實時更新」 - 當您收到新的傳入數據時，您必須檢查傳入數據的ID（如果它有ID），並檢查當前是否有地圖上有該ID的標記。 myOptions只是一個對象，所以你可以在那裏添加你的id（即「markerId：1234567」）。

來源

2017-04-09 15:21:51

謝謝你。上面的代碼只在刷新時才起作用。 – user7763438

更新實時谷歌地圖

回答

相關問題