Javascript 如何更新标记'；通过单击按钮从数据库中获取纬度和经度来确定位置？

每次单击按钮时，我都试图从数据库表中获取最新的纬度和经度。我希望通过更改地图上的标记位置来实现这一点，但不刷新整个页面。 我正在使用php和javascript

<?php
    include 'db_connect.php';

    $query = "SELECT * FROM soldier ORDER BY id DESC LIMIT 1 ";
    $result = mysqli_query($connection,$query);
    $row = mysqli_fetch_assoc($result);
    $count = mysqli_num_rows($result);

    if($count == 1)
    {
        $lat_d = $row['latitude'];
        $long_d = $row['longitude'];
        $pulse = $row['pulse'];
    }
    else 
    {
        echo "failure";
    }
?>`


<div class="container">
    <center class = "container">
    <center><h1>Geo-Location</h1></center>
<div id="map"></div>

<div class="two-mid-button d-flex justify-content-center mt-lg-5 mt-md-4 mt-sm-4 mt-3">
    <div class="view-buttn">
        <button value="Refresh Page" class="button"        onClick="window.location.reload()">Refresh
        </button>
    </div>
</div>

<script>
    var map;
    function initMap()
    {
        var myLatLng = {lat: <?php echo $lat_d; ?>, lng: <?php echo $long_d; ?>};
        map = new google.maps.Map(document.getElementById('map'),
        {
            center: myLatLng,
            zoom: 10
        });
        var marker = new google.maps.Marker({
        position: myLatLng,
        map: map,
        title: 'Hello World!'
        });
    }
</script>

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBk3R_ceCa_Qz9_7-6rLVxACwyw27HP7XU&callback=initMap"
async defer></script> ```

`
地理位置
刷新
var映射；
函数initMap（）
{
var mylatng={lat:，lng:}；
map=new google.maps.map（document.getElementById（'map'），
{
中心：myLatLng，
缩放：10
});
var marker=new google.maps.marker({
职位：myLatLng，
地图：地图，
标题：“你好，世界！”
});
}
```