2016-09-13 4 views
-1

私はoverflow.pleaseをスタックするのが新しいです。間違っていると私の質問を編集します。 Googleマップを含むid = "map"のdivタグがあります.1分ごとにそのdivを更新したいと思います。マップを含む1分ごとにdivを自動リフレッシュする方法

<div id="map" style="width: 100%; height: 500px"></div> 

function load() { 

     var map = new google.maps.Map(document.getElementById("map"), { 
     center: new google.maps.LatLng("<?php echo $lat;?>", "<?php echo $lng;?>"), 
     zoom: 13, 
     mapTypeId: 'roadmap' 
     }); 
     var infoWindow = new google.maps.InfoWindow; 

     // Change this depending on the name of your PHP file 
     downloadUrl("mapajax.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 email = markers[i].getAttribute("email"); 
      var phone = markers[i].getAttribute("phone"); 
      var status = markers[i].getAttribute("status"); 
      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/>" + email+ "</b> <br/>" + phone+ "</b> <br/>" + status; 
      var icon = customIcons[type] || {}; 
      var marker = new google.maps.Marker({ 
      map: map, 
      position: point, 
      icon: icon.icon 
      }); 
      bindInfoWindow(marker, map, infoWindow, html); 
     } 
     }); 
    } 
+2

あなたは[のsetInterval](httpsでそれを達成することができます://開発者を.mozilla.org/ja-ko/docs/Web/API/WindowTimers/setInterval) – Jigar

答えて

1

あなたは毎秒setintervalを使用できます。オフコースあなたは1分間の60000を使用することができます1秒= 1000ミリ、 のようなあなたの必要性に応じて機能を編集することができ、以下のように更新し

setInterval(function(){ 
    load()  
}, 60000); 
+0

オハイオ州にはたくさんのものがあります。 –

+0

ちょっと、1分後に地図の位置が古い位置に設定されていることを教えてください。今はマップの中心を表示します。 –

+0

@AnandThakkarあなたはポジションを管理する必要があります –

関連する問題