I am trying to add a geochart showing Greece in a custom html in joomla . Below you can find a javascript.
Please could you make corrections so as to:
1) show on map according to ISO 3166-2:GR the 13 Administrative Regions with the text?
2) The Western Macedonia / Δυτική Μακεδονία to have different color (e.g red) and to zoom on hover
<script type="text/javascript">// <![CDATA[
google.load('visualization', '1', {'packages': ['geochart']});
google.setOnLoadCallback(drawRegionsMap);
function drawRegionsMap() {
var data = google.visualization.arrayToDataTable([
['City'],
['Attica'],
['Central Greece'],
['Central Macedonia'],
['Crete'],
['Eastern Macedonia and Thrace'],
['Epirus'],
['Ionian Islands'],
['North Aegean'],
['Peloponnese'],
['South Aegean'],
['Thessaly'],
['Western Greece'],
['Western Macedonia']
]);
var options = {region: 'GR',
displayMode: 'regions',
colorAxis: {colors: ['#847c68']}
};
var chart = new google.visualization.GeoChart(document.getElementById('world_share'));
chart.draw(data, options);
function resizeHandler () {
chart.draw(data, options);
}
if (window.addEventListener) {
window.addEventListener('resize', resizeHandler, false);
}
else if (window.attachEvent) {
window.attachEvent('onresize', resizeHandler);
}
};
// ]]></script>
<div id="world_share" style="height: 500px;"> </div>