2017-06-20 18 views
-1

以下は私のウェブサイトのjqueryコードです。 ADS-Bレヴァイバは、飛行機の緯度/経度情報で提出されたライブ.JSONをアップロードしています。私はそれらをマーカーにしましたが、ページを更新するときにのみ更新されます。私は設定された間隔を試して、多くの研究をしましたが、それほど遠くには達していません。 私は何ができるのですか?たぶん、私は正しい間隔でセット間隔を入れていないでしょう。JSONベースのマーカーの移動/更新

function initialize() { 

var mapOptions = { 
center: new google.maps.LatLng(-36.363, 175.044), 
zoom: 5, 
mapTypeId: google.maps.MapTypeId.ROADMAP 
}; 

var infoWindow = new google.maps.InfoWindow(); 
var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); 



$.getJSON('https://crossorigin.me/http://radar1.ddns.net:3080/data/aircraft.json', function(data){ 
      $.each(data.aircraft, function(i, value) { 


      var myLatlng = new google.maps.LatLng(value.lat, value.lon, value.flight, value.altitude); 
      var marker = new google.maps.Marker({ 
      position: myLatlng, 
      icon: 'airplane.jpg', 
      map: map, 
      title: "Callsign Altitude "+value.flight+value.altitude 

      }); 

    var marker = new google.maps.Marker({ 
position: new google.maps.LatLng(-37.008625, 174.785047), 
icon: 'airport.png', 
map: map, 
});   



     }); 
}); 


} 

答えて

0

Hey Kieranは、20秒ごとにマップを更新します。

<script type="text/javascript"> 
var timerID = null; 
var map; 
var timerRunning = false; 
var delay = 20000; // refresh every 20 seconds 
var zoomToExtents = 0; 
var openedInfoWindow = null; 
// Initialize Timer 
function initializeTimer() { 

    initialize(); 
    StopTheClock(); 
    StartTheTimer(); 
} 
function StopTheClock() { 
    if (timerRunning) 
     clearTimeout(timerID) 
    timerRunning = false; 
} 
function StartTracking() { 
    StartTheTimer(); 
} 
function StartTheTimer() { 
    // alert('hi'); 
    readData(); 
    timerRunning = true; 
    timerID = self.setTimeout("StartTracking()", delay) 
} 


google.maps.event.addDomListener(window, 'load', initializeTimer); 
function initialize() { 

    var mapOptions = { 
     center: new google.maps.LatLng(-36.363, 175.044), 
     zoom: 5, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 

    var infoWindow = new google.maps.InfoWindow(); 
    map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); 
} 
    function readData() { 

     $.getJSON('https://crossorigin.me/http://radar1.ddns.net:3080/data/aircraft.json', function (data) { 
      $.each(data.aircraft, function (i, value) { 


       var myLatlng = new google.maps.LatLng(value.lat, value.lon, value.flight, value.altitude); 
       var Latlngs = new google.maps.LatLng(-37.008625, 174.785047); 
       map.setCenter(Latlngs); 
       var marker = new google.maps.Marker({ 
        position: myLatlng, 
        icon: 'airplane.jpg', 
        map: map, 
        title: "Callsign Altitude " + value.flight + value.altitude 

       }); 

       var marker = new google.maps.Marker({ 
        position: new google.maps.LatLng(-37.008625, 174.785047), 
        icon: 'airplane.jpg', 
        map: map, 
       }); 



      }); 
     }); 

    } 

+0

こんにちはモハンは、おかげでそれが動作します!ちょっとした問題ですが、古いポジションはこれを取り除くための方法を示しています。ifs historyの後ろの行を表示してください。またはただ1つのアイコン。 –

関連する問題