Hi 陽大您好,
首先,謝謝您的幫忙,不知道是不是我的server跟client都是在同一台電腦的關係,所以我修改了我電腦中locationA.txt的兩個數值,網頁上顯示的還是不會改變,
我想我重新說明一下我想達成的目標好了
我想每N秒讀取txt中的兩個數值當作座標,餵到google map中去移動marker
以下是我的程式碼及locationA.txt檔的內容
<script type="text/javascript">
var myOptions = {
zoom: 12,
center: new google.maps.LatLng(25.036772, 121.520269),
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map;
var image = 'BlueCarIcon2.png';
function initialize() {
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
UpdateMapBlueCar();
}
function UpdateMapBlueCar()
{
$(function(){
$.getJSON("locationA.txt", function(data){
//$("#dbg").append(data.locx+" "+data.locy);
var myLatLng = new google.maps.LatLng(data.locx, data.locy);
var beachMarker = new google.maps.Marker({
position: myLatLng,
map: map,
icon: image
});
});
});
}
window.setInterval("UpdateMapBlueCar()",3000);
</script>
locationA.txt(暫時寫10筆資料,但是有可能存放N筆)
------------------------------------------------
{"locx":26.4408333, "locy":122.518611}
{"locx":27.4408333, "locy":123.518611}
{"locx":28.4408333, "locy":124.518611}
{"locx":29.4408333, "locy":125.518611}
{"locx":30.4408333, "locy":126.518611}
{"locx":31.4408333, "locy":127.518611}
{"locx":32.4408333, "locy":128.518611}
{"locx":33.4408333, "locy":129.518611}
{"locx":34.4408333, "locy":130.518611}
{"locx":35.4408333, "locy":131.518611}
目前看起來有兩個不知道怎麼處理的地方
1.如何每N秒讀下一筆資料
2.BlueCarIcon2.png無法顯示在map上
等上面兩步都確定之後才可以把讀到的座標餵進去
但是我試了很久...那兩步都搞不定
希望陽大願意不吝指教我這個新手
感激不盡
|