Google Maps V3: Updating Markers Periodically

后端 未结 2 1707
温柔的废话
温柔的废话 2020-12-06 15:47

I\'ve followed the PHP/MYSQL tutorial on Google Maps found here.

I\'d like the markers to be updated from the database every 5 seconds or so.

<
2条回答
  •  再見小時候
    2020-12-06 16:09

    setInterval(function() { 
        downloadUrl("conection/cargar_tecnicos.php", function(data) {
    
            var xml = data.responseXML;
             markers = xml.documentElement.getElementsByTagName("marker");
             removeAllMarkers();
            for (var i = 0; i < markers.length; i++) {
                  var name = markers[i].getAttribute("name");
                var fecha = markers[i].getAttribute("fecha");
                var id_android = markers[i].getAttribute("id_android");
                var celular = markers[i].getAttribute("celular");
                var id = markers[i].getAttribute("id");
                var logo = markers[i].getAttribute("logo");
                var type = markers[i].getAttribute("type");
                var point = new google.maps.LatLng(
                        parseFloat(markers[i].getAttribute("lat")),
                        parseFloat(markers[i].getAttribute("lng")));
    
               var html = "
    " +"

    " +"" + name + "

    " +"
    " + celular+"" +"
    " + id_android+"" +"
    " + fecha+"" +"

    "; var icon = customIcons[type] || {}; marker[i] = new google.maps.Marker({ position: point, icon: icon.icon, shadow: icon.shadow, title:name }); openInfoWindow(marker[i], map, infoWindow, html); marker[i].setMap(map); } }); },10000); } function removeAllMarkers(){// removes all markers from map for( var i = 0; i < marker.length; i++ ){ marker[i].setMap(null); } }

提交回复
热议问题