Кажется, я не могу найти хорошего решения в интернете, которое бы подходило для текущей проблемы. Я хочу показать Google-диаграмму в информационном окне. Но я продолжал получать пустой. Может кто-нибудь помочь мне?
Вот копия кода маркеров и с информационным окном. Это внутри цикла, чтобы я мог получить несколько маркеров.
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 (не внутри информационного окна).
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 в информационное окно. Любые предложения, безусловно, приветствуются. Спасибо! Пожалуйста, помогите мне решить эту проблему.
Я знаю, что есть много подобных инцидентов, но я не смог следить за ними, потому что я все еще новичок в этом поле Google Chart.
для (я = 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);
});
}
Других решений пока нет …