一度ページが読み込まれるとJavaScriptをリフレッシュする方法

-1

私は地図全体を読み込まずに更新したいgoogleマップにポインタを持っています。ポインタは別のJavaScriptファイル内の場所することができますが、どのように私はこれは私が ...すべての30秒かそこらJSをリフレッシュするにはどうすればよい一度ページが読み込まれるとJavaScriptをリフレッシュする方法

ページ全体を更新せずに

をリロードすることができますページを更新しないとJSで地図を操作

<html> 
 

 
<head> 
 
    <style> 
 
    #map { 
 
     height: 100%; 
 
    } 
 
    
 
    html, 
 
    body { 
 
     height: 100%; 
 
     margin: 0; 
 
     padding: 0; 
 
    } 
 
    </style> 
 
</head> 
 

 
<body> 
 
    <div id='map'></div> 
 
    <script> 
 
    function initMap() { 
 
     var map = new google.maps.Map(document.getElementById('map'), { 
 
     zoom: 10, 
 
     center: { 
 
      lat: ".$latitude.", 
 
      lng: ".$longitude." 
 
     } 
 
     }); 
 

 
     setMarkers(map); 
 

 
    } 
 

 

 
    var beaches = ["); 
 

 

 
     echo("['".$name. 
 
      "', ".$lat. 
 
      ",".$long. 
 
      "],"); 
 

 

 
     function setMarkers(map) { 
 

 
      var image = { 
 
      url: '1.png', 
 

 
      }; 
 

 
      var shape = { 
 
      coords: [1, 1, 1, 20, 18, 20, 18, 1], 
 
      type: 'poly' 
 
      }; 
 
      for (var i = 0; i < beaches.length; i++) { 
 
      var beach = beaches[i]; 
 
      var marker = new google.maps.Marker({ 
 
       position: { 
 
       lat: beach[1], 
 
       lng: beach[2] 
 
       }, 
 
       map: map, 
 
       icon: image, 
 
       shape: shape, 
 
       title: beach[0], 
 
       zIndex: beach[3] 
 
      }); 
 
      } 
 
     } 
 
    </script> 
 

 
    <script async defer src='https://maps.googleapis.com/maps/api/js?key=AIzaSyBVQaENEYHY2g-mRhD6_tj1cSK8DhQoqHI&callback=initMap'> 
 
    </script> 
 

 
</body> 
 

 
</html>

出典

2017-04-15 user7763438

コードが無効ですか？ Javascript/PHPコードの開始位置と終了位置はわかりません。 –

。バックエンドとの通信が必要な場合は、AJAXを使用できます。

はい

setInterval(function(){ 
    // this function will be called at specific intervals 
}, timeInMiliseconds);

https://www.w3schools.com/js/js_timing.asp

・ホープ、このことができます。 :)

出典

2017-04-15 17:09:14

ありがとうございました。私は試しました function refresh（） { setMarkers（map）; var refresher = setTimeout（ 'refresh（）'、1000）; } 私は関数initMap（）が必要だと思うが、 – user7763438

一度ページが読み込まれるとJavaScriptをリフレッシュする方法

答えて

関連する問題