Javascript 谷歌地图上的多个PIN码

我正试图得到一个地图有多个引脚。这些位置通过while循环加载。但地图只显示了初始位置

echo "
    <div class ='map' id ='map' style='border-style: solid; height:400px;'></div>
";

echo "
<div class='list-group'>
 ";

while ($row = $stmt->fetch(PDO::FETCH_ASSOC))
    {
        extract($row);
        $new_lat = $row['gps_lat'];
        $new_long = $row['gps_long'];
        $distance_to_the_point = haversineGreatCircleDistance ($original_gps_lat, $original_gps_long, $new_lat, $new_long);
        if ($distance_to_the_point <= $radius)
        {
        echo"
        <script>
            var longs = [];
            var lats = [];
            lats.push(".$row['gps_lat'].");
            longs.push(".$row['gps_long'].");
        </script>";  

---

我非常感谢你的帮助。我没有发现代码错误，控制台显示标记的长度和纬度正确。为了安全起见，这是用php编码的，并在浏览器中回显到DOM中。

在使用

map

变量创建标记之前，需要初始化它

代码片段：

var longs=[]；
var-lats=[]；
横向推力（31.5）；
长推力（-85.2）；
横向推力（31.5852）；
长推力（-85.2308）
函数初始化（）{
myLatlng=new google.maps.LatLng（31.5852，-85.2308）；
变量映射选项={
缩放：12，
中心：myLatlng
};
var map=new google.maps.map（document.getElementById（'map'），mapOptions）；
对于（变量i=0；i
html，
身体，
#地图{
身高：100%；
宽度：100%；
边际：0px；
填充：0px
}

您需要初始化initialize函数中的所有标记（您的map变量是该函数的本地变量）@geocodezip我更新了代码，但仍然没有显示任何PIN。我做错了什么？请发表一篇文章来说明这个问题
echo "</div>
<script>
    function initialize() 
    {
        myLatlng = new google.maps.LatLng(31.5852, -85.2308);
        var mapOptions = {
        zoom: 12,
        center: myLatlng
        };

        for (var i = 0; i < longs.length; i++) {  
        var marker = new google.maps.Marker({
        position: new google.maps.LatLng(lats[i], longs[i]),
        map: map
      });

        }

        var map = new google.maps.Map(document.getElementById('map'), mapOptions);

        }
        google.maps.event.addDomListener(window, 'load', initialize);

</script>";