|
|
edw7246
驢手小試
. 積分: 5
. 文章: 27
. 收花: 23 支
. 送花: 74 支
. 比例: 3.22
. 在線: 821 小時
. 瀏覽: 1650 頁
. 註冊: 7327 天
. 失蹤: 440 天
|
|
|
|
|
|
|
#3 : 2010-9-29 11:35 PM
只看本作者
|
送花
(0)
送出中...
|
|
|
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上
等上面兩步都確定之後才可以把讀到的座標餵進去
但是我試了很久...那兩步都搞不定
希望陽大願意不吝指教我這個新手
感激不盡
[如果你喜歡本文章,就按本文章之鮮花~送花給作者吧,你的支持就是別人的動力來源]
|
|