在谷歌地图上绘制多个点

Question

我在 php 数组 $col_1_values_array 中有一组纬度和 $col_2_values_array 经度点。我想在谷歌地图上绘制所有这些点并在它们上面画一条路线。我已经用 Javascript 编写了这段代码，但它没有在点上显示标记。请帮我找出错误。

<script type="text/javascript"> 
$(document).ready(function() { initialize(); });
   function initialize() {
        var map_options = {
            center: new google.maps.LatLng(<?php echo $col_1_values_array[0] ?>,<?php echo $col_2_values_array[0] ?>),

            zoom: 14,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };

        var google_map = new google.maps.Map(document.getElementById("map_canvas"), map_options);

        var info_window = new google.maps.InfoWindow({
            content: 'loading'
        });


        var x = [];
        var y = [];

        var routePoints = [];
        for(<?php $r=0;$r<25;$r++ ?>)
        {
        x.push(<?php echo $col_1_values_array[$r]?>);
        y.push(<?php echo $col_2_values_array[$r] ?>);
}


        var i = 0;
        for (var p=0;p<25;p++) {
        routePoints.push(new google.maps.LatLng(x[p],y[p]));
            var m = new google.maps.Marker({
                map:       google_map,
                animation: google.maps.Animation.DROP,
                title:     t[p],
                position:  new google.maps.LatLng(x[p],y[p]),
                html:      h[i]
            });
var route= new google.maps.Polyline({
    path: routePoints,
    strokeColor: "#FF0000",
    strokeOpacity: 1.0,
    strokeWeight: 2 
  });



            google.maps.event.addListener(m, 'click', function() {
                info_window.setContent(this.html);
                info_window.open(google_map, this);

            });
            i++;
        }

    route.setMap(google_map);
    }
</script> 

Answer 1

您可能有时间问题，请尝试在初始化地图事件中进行标记工作。 google.maps.event.addDomListener(window, 'load', initialize);