Добавить диаграмму Google в информационное окно FusionTableLayer
пытаюсь отобразить диаграмму (Google Chart API) внутри InfoWindow (слой Fusion Table), но проблема с контейнером "Uncaught Error: контейнер нулевой или не определен. " всякий раз, когда я пытаюсь включить div внутри InfoWindow.
Я пытался решить проблему на основе этого решения, но этоне работает с таблицей FusionДобавьте диаграмму Google в информационное окно, используя API Google Maps
Пожалуйста помоги
google.load('visualization', '1', {packages: ['corechart']});
function drawVisualization() {
var queryText = encodeURIComponent("SELECT Year, Austria, Bulgaria, Denmark, Greece FROM 641716");
google.visualization.drawChart({
"containerId": 'visualization_div',
"dataSourceUrl": 'https://www.google.com/fusiontables/gvizdata?tq=',
"query":"SELECT Year, Austria, Bulgaria, Denmark, Greece FROM 641716",
"refreshInterval": 5,
"chartType": "PieChart",
"options": {
"title":"Yearly Coffee Consumption by Country",
"vAxis": {"title": "Year"},
"hAxis": {"title": "Cups"}
}
});
}
function initialize() {
var map = new google.maps.Map(document.getElementById('map-canvas'), {
center: new google.maps.LatLng(29.296435107347698, -29.54822280000008),
zoom: 2,
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var layer = new google.maps.FusionTablesLayer({
query: {
select: 'col0',
from: '1PoUAVtdJKOKnJT_ZYkoM7yDpGw-wNJMHXakPeC0'
},
map: map
});
google.maps.event.addListener(layer, 'click', function(e) {
drawVisualization(this);
e.infoWindowHtml += "";{
}
});
}
google.maps.event.addDomListener(window, 'load', initialize);
PS.
Еще кое-что ! Это'Возможно отображение графика из данных из одной строки. В моем примере для одной страны, которая нажата?