简体   繁体   English

如何在包含地图的每 1 分钟后自动刷新 div

[英]how to auto refresh div after every 1 min that contain map

i am new to stack overflow.please edit my question if it looks wrong.我是堆栈溢出的新手。如果我的问题看起来不对,请编辑我的问题。 i have div tag with id="map" that contain google map i want to refresh that div at every 1 min.我有一个带有 id="map" 的 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);
        }
      });
    }

you can use setinterval for every sec.您可以每秒使用setinterval refresh like below , off course you can edit the function according to your need like 1 sec = 1000 ms, you can use 60000 for 1 min如下所示刷新,当然您可以根据需要编辑该功能,例如 1 秒 = 1000 毫秒,您可以使用 60000 1 分钟

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

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM