Google Chart в Infowindow

Question

Я не могу найти подходящее решение в Интернете, которое бы соответствовало текущей проблеме. Я хочу показать диаграмму google в infowindow. Но я продолжал получать пустую. Кто-нибудь может помочь мне?

Настоящая копия кода с маркерами и информацией к этому окну. Он находится внутри цикла, так что я могу получить несколько маркеров.

for (i = 0; i < get_markers.length; i++) { 

     var marker = new google.maps.Marker({ 
       position: new google.maps.LatLng(get_markers[i][1], get_markers[i][2]), 
       map: map}); 

     google.maps.event.addListener(marker, 'click',(function(marker, i,infowindow) 
     { 
      return function() { 

         var con = '<div id="chart_div1"></div>'; 

      infowindow.setContent(con); 
      infowindow.open(map, marker); 
      map.setCenter(marker.getPosition()); 

      drawChart(this); 
     } 

    })(marker, i,infowindow)); 
    markers.push(marker); 

Это, как я был в состоянии просматривать мой Google Chart. (Не внутри InfoWindow)

google.load('visualization', '1', {'packages':['corechart']}); 

google.setOnLoadCallback(drawChart); 

function drawChart() { 

    var data = new google.visualization.DataTable(<?=$jsonTable?>); 
    var options = { 
     title: 'By Crime Type', 
     is3D: 'true', 
     width: 500, 
     height: 300 
    }; 
var chart = new google.visualization.BarChart(document.getElementById('chart_div1')); 
    chart.draw(data, options);} 

Я хочу поставить диаграмму Google внутри InfoWindow. Любые предложения определенно оценены. Спасибо! Пожалуйста, помогите мне решить эту проблему.

Я знаю, что таких инцидентов много, но я не смог их сопровождать, потому что я все еще новичок в этом поле диаграммы Google.

Answer 1

для (I = 0, я < get_markers.length; я ++) {

 var marker1 = new google.maps.Marker({ 
       position: new google.maps.LatLng(get_markers[i][1], get_markers[i][2]), 
       map: map}); 

     google.maps.event.addListener(marker1, 'click', function() { 
     drawChart(this); 
     window.location.href="?brgy_id="+get_markers[i][0]; 
     infowindow.open(map,marker); 

     }); 

}