谷歌地圖標記更新與SQL數據庫

我是新來Google地圖。我嘗試使用Google地圖開發跟蹤系統。我成功開發了一個連接到sql數據庫的地圖來檢索標記。數據庫根據gps單位更新。我想在地圖上每10秒鐘顯示一次。這是我的繩索。如果有人能，請請幫助我。謝謝。谷歌地圖標記更新與SQL數據庫

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=utf-8"/> 
<title>Google Maps AJAX + mySQL/PHP Example</title> 
<script src="http://maps.google.com/maps/api/js?sensor=false" 
     type="text/javascript"></script> 

<script type="text/javascript"> 
//<![CDATA[ 

    var customIcons = { 
    restaurant: { 
    icon: 'http://labs.google.com/ridefinder/images/mm_20_blue.png', 
    shadow: 'http://labs.google.com/ridefinder/images/mm_20_shadow.png' 
    }, 
    bar: { 
    icon: 'http://labs.google.com/ridefinder/images/mm_20_red.png', 
    shadow: 'http://labs.google.com/ridefinder/images/mm_20_shadow.png' 
    } 
    }; 


function load() { 
    var map = new google.maps.Map(document.getElementById("map"), { 
    center: new google.maps.LatLng(6.93360361159907, 79.85547582), 
    zoom: 13, 
    mapTypeId: 'roadmap' 
    }); 
    var infoWindow = new google.maps.InfoWindow; 

    // Change this depending on the name of your PHP file 
    downloadUrl("phpsqlajax_genxml.php", function(data) { 
    var xml = data.responseXML; 
    var markers = xml.documentElement.getElementsByTagName("marker"); 
    for (var i = 0; i < markers.length; i++) { 
     var name = markers[i].getAttribute("name"); 
     var address = markers[i].getAttribute("address"); 
     var type = markers[i].getAttribute("type"); 
     var point = new google.maps.LatLng(
      parseFloat(markers[i].getAttribute("lat")), 
      parseFloat(markers[i].getAttribute("lng"))); 
     var html = "<b>" + name + "</b> <br/>" + address; 
     var icon = customIcons[type] || {}; 
     var marker = new google.maps.Marker({ 
     map: map, 
     position: point, 
     icon: icon.icon, 
     shadow: icon.shadow 
     }); 
     bindInfoWindow(marker, map, infoWindow, html); 
    } 
    }); 
} 

function bindInfoWindow(marker, map, infoWindow, html) { 
    google.maps.event.addListener(marker, 'click', function() { 
    infoWindow.setContent(html); 
    infoWindow.open(map, marker); 
    }); 
} 

function doNothing() {} 

//]]> 
</script> 


</head> 

<body onload="load()"> 
<div id="map" style="width: 1000px; height: 600px"></div> 
</body> 
</html>

來源

2012-08-01 user1568356

如果您打算每10秒更新一次地圖上的標記，則必須每隔10秒從數據庫中請求一次位置數據。對於小規模項目，polling db是最簡單的選擇。否則，您可以查看web sockets。

回調裏面，你可以更改標記位置

marker.setPosition()

來源

2012-08-01 11:39:08

谷歌地圖標記更新與SQL數據庫

回答

相關問題