Google지도에서 여러 점 매핑하기

Question

위도는 PHP 배열 $ col_1_values_array와 경도는 $ col_2_values_array에있는 위도있는 long point가 있습니다. 이 모든 포인트를 Google지도에 매핑하고 경로를 그립니다. 이 코드는 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);