Javascript 在谷歌地图上插入多个标记

我写了下面的代码。。。这段代码是要选择long和lati已经插入到数据库中，并在google地图中创建一个标记，我尝试将所选数据放入一个表中，效果很好，但一旦我将它们作为标记放在地图上，它将仅在标记上显示我，有人可以帮助我吗

   <?php
   $conn = getConn();
   $sql ="select Latitude,Longtitude from location"; 
   $result=$conn->query($sql);

  while($row = mysqli_fetch_array($result)){
    $locations = array(
        $row['Latitude'],
        $row['Longtitude']
    );
    foreach ($locations as $loc){
        //  echo $loc . "</br>";
    $Latitude = $row['Latitude'];
    $Longtitude = $row['Longtitude'];
        echo $Latitude . "</br>" . $Longtitude;
    }
    }   
?>
<script>

    function initMap(){

        var location = {lat: <?=$Latitude?>, lng: <?=$Longtitude?>};
        var map= new google.maps.Map(document.getElementById("map"),{
            zoom: 13, 
            center: location});
            var marker = new google.maps.Marker({position:location, map:map});

    }

</script>

<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyByZSFwCa5FByzySCLUPzLqzeWKt3RyNwA&callback=initMap">

</script>

函数initMap（）{
变量位置={lat:，lng:}；
var map=new google.maps.map（document.getElementById（“map”）{
缩放：13，
中心：位置}）；
var marker=new google.maps.marker（{position:location，map:map}）；
}

您需要为每个要在地图上显示的标记创建一个标记实例。 位置变量只保存最后一个；您必须执行以下操作：

var location = {lat: <?=$Latitude?>, lng: <?=$Longtitude?>};
var map = new google.maps.Map(document.getElementById("map"),{
        zoom: 13, 
        center: location});
for (let loc of <?=$locations?>) {
    new google.maps.Marker({position:loc, map:map});
}

var位置={lat:，lng:}；
var map=new google.maps.map（document.getElementById（“map”）{
缩放：13，
中心：位置}）；
为了（让loc离开）{
新的google.maps.Marker（{position:loc，map:map}）；
}

Pro提示：缩进代码。很难判断循环的开始和结束位置。可能是重复的