Geochart HTML Tooltip

by cmoreira

HTML

<script src="//www.google.com/jsapi"></script>
<div id="visualization"></div>

CSS

body {
    font-family:"Arial", sans-serif;
}

JavaScript

google.load('visualization', '1.1', {packages: ['geochart'], callback: drawVisualization});

function drawVisualization() {
    var data = google.visualization.arrayToDataTable([
        ['Country', 'Value', {role: 'tooltip', p:{html:true}}],
        ['Russia', 5, 'Hello world'],
        [{v:'US',f:''}, 20, '<img  width="100px" src="https://www.google.com/images/srpr/logo6w.png"/> Testing']]);
    var chart = new google.visualization.GeoChart(document.getElementById('visualization'));
    chart.draw(data, {
        width: 800,
        height: 600,
        tooltip: {
            isHtml: true
        }
    });
}