页面加载后如何刷新javascript答案

【问题标题】：How to refresh javascript once page has loaded页面加载后如何刷新javascript
【发布时间】：2017-04-15 16:51:10
【问题描述】：

我在谷歌地图上有一些指针，我想在不加载整个地图的情况下进行更新。指针可以放在单独的 Javascript 文件中，但我怎样才能重新加载

不刷新整个页面
如何每 30 秒左右刷新一次 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>

【问题讨论】：

您的代码似乎无效？我看不到 Javascript/PHP 代码的开始或结束位置。

标签： javascript html google-maps refresh

【解决方案1】：

用 JS 操作地图不会刷新页面。如果您需要与后端进行任何通信，您可以使用 AJAX。

是的

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

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

希望这会有所帮助。 :)

【讨论】：

感谢它引起了人们的思考。我试图函数 refresh() { setMarkers(map); var refresher = setTimeout('refresh()', 1000);但仍然没有运气，因为我认为我需要函数 initMap()