1. The NOT working code for Intensity Map. Because the country names
are wrong format.
----------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" /
>
<meta http-equiv="pragma" content="no-cache" />
<title></title>
<script type="text/javascript" src="
http://www.google.com/jsapi"></
script>
<script type="text/javascript">
google.load('visualization', '1', {packages: ['intensitymap']});
function drawVisualization() {
var data = new google.visualization.DataTable();
data.addRows(3);
data.addColumn('string', 'Country');
data.addColumn('number', 'Views');
data.setValue(0, 0, 'United States');
data.setValue(0, 1, 300);
data.setValue(1, 0, 'Japan');
data.setValue(1, 1, 150);
data.setValue(2, 0, 'Germany');
data.setValue(2, 1, 200);
var container = document.getElementById('visualization');
var chart = new google.visualization.IntensityMap(container);
chart.draw(data, {});
}
google.setOnLoadCallback(drawVisualization);
</script>
</head>
<body>
<div id="visualization">Loading Flash ......</div>
</body>
</html>
----------------------
2. The working code for Intensity Map. Differences: ('Germany' ->
'DE', 'United States' -> 'US', 'Japan' -> 'JP')
------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" /
>
<meta http-equiv="pragma" content="no-cache" />
<title></title>
<script type="text/javascript" src="
http://www.google.com/jsapi"></
script>
<script type="text/javascript">
google.load('visualization', '1', {packages: ['intensitymap']});
function drawVisualization() {
var data = new google.visualization.DataTable();
data.addRows(3);
data.addColumn('string', 'Country');
data.addColumn('number', 'Views');
data.setValue(0, 0, 'US');
data.setValue(0, 1, 300);
data.setValue(1, 0, 'JP');
data.setValue(1, 1, 150);
data.setValue(2, 0, 'DE');
data.setValue(2, 1, 200);
var container = document.getElementById('visualization');
var chart = new google.visualization.IntensityMap(container);
chart.draw(data, {});
}
google.setOnLoadCallback(drawVisualization);
</script>
</head>
<body>
<div id="visualization">Loading Flash ......</div>
</body>
</html>
------------------------