If you read: https://developers.google.com/chart/interactive/docs/reference#google.visualization.arraytodatatable
You will find a function getValue(rowIndex, columnIndex)
In my example I have a list of lat/lons, of which I ensure are valid, then render. Upon clicking a lat/lon I want to do something with the lat/lons. Scroll down to the bottom to see the usage of DataTable.getValue()
var dataTable = new google.visualization.DataTable();
dataTable.addColumn('number', 'Latitude');
dataTable.addColumn('number', 'Longitude');
dataTable.addColumn('string', 'Name');
$.each(data, function(i, o) {
var lat = parseFloat(o.lat);
var lon = parseFloat(o.lon);
var name = o.name;
if(LIB.Location.isLatLonValid([lat, lon])) {
var row = [lat, lon, name];
dataTable.addRow(row);
}
});
var options = {
width : 550
,height : 240
,region: country
,legend: 'none'
,showTip : false
,mapType : 'normal'
};
var chart = new google.visualization.Map(document.getElementById('location_pin_chart'));
chart.draw(dataTable, options);
// handle clicking on pin
google.visualization.events.addListener(chart,'select', function(e) {
var selection = chart.getSelection();
var lat = dataTable.getValue(selection[0].row, 0); // HERE is where I get the value!
var lon = dataTable.getValue(selection[0].row, 1);
alert(lat + ", " + lon);
});