маркер гугл карта в реальном времени - PullRequest
Новая
       7

маркер гугл карта в реальном времени

0 голосов
/ 02 мая 2018

Я хотел бы знать, как я могу загрузить координаты (долготу и широту) моей базы данных в режиме реального времени, не обновляя страницу, даже если в базе данных произойдут изменения.

Я использовал 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>

Я объясняю:

мой скрипт загружает карту (последний id = 1) .. после того, как я добавлю еще один столбец в базу данных (с id = 2), я бы хотел, чтобы скрипт загружал последний столбец (id = 2) без обновления страница

Пожалуйста, помогите мне

...