每 15 秒将用户地理位置保存到 MySQL

Question

当标记移动时，我需要能够以 15 秒的间隔连续存储用户地理位置，尽管纬度和经度。

目前该应用程序仅在页面加载时存储用户的地理位置

我想知道如何重构我的代码以使数据持久化。

热图.php

<script>




  // specify the default lat long
        var map,
            currentPositionMarker,
            map;



// change the zoom if you want



function initializeMap() {

            map = new google.maps.Map(document.getElementById('map'), {
               zoom: 16,
             });



            heatmap = new google.maps.visualization.HeatmapLayer({

                data: getPoints(), 

                map: map
            });



}




  function locError(error) {

      // tell the user if the current position could not be located
      alert("The current position could not be found!");

  }





// current position of the user

function setCurrentPosition(pos) {

            currentPositionMarker = new google.maps.Marker({
                label: {
                    color: 'black',
                    fontWeight: 'bold',
                    text: 'CD',
                },
                map: map,
                position: new google.maps.LatLng(
                    pos.coords.latitude,
                    pos.coords.longitude,

                ),
                title: "Current Position"

            });





         // sends var a AND var b from users gps over to personlocator.php to get stored in db 



             var a = pos.coords.latitude;
             var b = pos.coords.longitude;
             console.log(a,b);


              $.ajax({
                  type: "POST",
                  url: "personlocator.php",
                  data: {
                     a : a,
                     b : b
                  }
              });




            map.panTo(new google.maps.LatLng(
                    pos.coords.latitude,
                    pos.coords.longitude
                ));



} // end of function 






function displayAndWatch(position) {

            // set current position
            setCurrentPosition(position);

            // watch position
            watchCurrentPosition();
}




function watchCurrentPosition() {

            var positionTimer = navigator.geolocation.watchPosition(
                function (position) {
                    setMarkerPosition(
                        currentPositionMarker,
                        position
                    );
                });





}





function setMarkerPosition(marker, position) {
            marker.setPosition(
                new google.maps.LatLng(
                    position.coords.latitude,
                    position.coords.longitude)
            );


}





function initLocationProcedure() {

            initializeMap();
            if (navigator.geolocation) {
                navigator.geolocation.getCurrentPosition(displayAndWatch, locError);
            } else {
                // tell the user if a browser doesn't support this amazing API
                alert("Your browser does not support the Geolocation API!");
            }
}










</script>

人员定位器.php

if (isset($_POST['a'], $_POST['b'])) {  


        $latitude   = escape_string($_POST['a']); // stores var 'a' which is passed over here from initMap() 

        $longitude  = escape_string($_POST['b']); // stores var 'b' which is passed over here from initMap() 






        $_SESSION['latitude'] = $latitude; 

        $_SESSION['longitude'] = $longitude; 





        $insert_query = query("INSERT INTO users(user_latitude, user_longitude) VALUES('{$_SESSION['latitude']}','{$_SESSION['longitude']}') ");

        confirm($query); 








  } // ends if isset 

Answer 1

您可以使用 javascript 中的setInterval执行此操作

setInterval(function(){ 
// get coordinates
// and send them with $.ajax to server
}, 15000); 
//15 seconds