标记谷歌地图实时

时间:2018-05-02 14:26:27

标签: javascript php html real-time

我想知道如何在不更新页面的情况下实时加载数据库的坐标(经度和纬度),即使数据库中有更改也是如此。

我使用setInterval(function())来重新加载数据,但仍然得到相同的坐标。



<?php
                 try
{
  $bdd = new PDO('mysql:host=localhost;dbname=fma120;charset=utf8', 'root', '');
}
catch (Exception $e)
{
        die('Erreur : ' . $e->getMessage());
}
        
$reponse = $bdd->query('SELECT latitude,longitude FROM gps_data ORDER BY id DESC LIMIT 1 ');
$donnees = $reponse->fetch() ;
 
?>
 
<!DOCTYPE html>
<html>
  <head>
    <style>
      #map {
        height: 400px;
        width: 100%;
       }
    </style>
  </head>
  <body>
    <h3>My Google Maps Demo</h3>
    <div id="map"></div>
    <script>
      function initMap() {
        var uluru = {lat:<?php echo $donnees['latitude'] ;?> , lng: <?php echo $donnees['longitude'] ;?>
          };
 
 
        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 7,
          center: uluru
        });
        var marker = new google.maps.Marker({
          position: uluru,
          map: map
        });
      }
                    
setInterval(function(){ initMap() }, 3000);
 
 
    </script>
    <script
 
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyADJopukImlmQs73l4o3xdddlcg_OBj1vaqB8&callback=initMap">
    </script>
    
  </body>
</html>
&#13;
&#13;
&#13;

我解释说:

我的脚本加载地图(最后一个id = 1)..在我在数据库中添加另一列(id = 2)后,我希望脚本加载最后一列(id = 2)而不更新页

请帮帮我

0 个答案:

没有答案