Adicionar um gráfico do Google a uma janela de janela de fusão do FusionTableLayer
Estou tentando exibir o gráfico (API do Google Chart) dentro do InfoWindow (camada Fusion Table), mas o problema está no contêiner "Erro não capturado: o contêiner é nulo ou não definido"sempre que tento incluir div dentro do InfoWindow.
Eu estava tentando resolver o problema com base nesta solução, mas não está funcionando com a tabela de fusãoAdicionar um gráfico do Google a uma janela de infow usando a API do Google Maps
Por favor ajude
<script type="text/javascript">
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 += "<div id='visualization_div'></div>";{
}
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
PS.
Mais uma coisa ! É possível exibir o gráfico a partir de dados de uma linha. No meu exemplo para um país que é clicado?