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?*
1. Attica <https://en.wikipedia.org/wiki/Attica_(region)> / Αττική 2. Central Greece <https://en.wikipedia.org/wiki/Central_Greece_(region)> / Στερεά Ελλάδα 3. Central Macedonia <https://en.wikipedia.org/wiki/Central_Macedonia> / Κεντρική Μακεδονία 4. Crete <https://en.wikipedia.org/wiki/Crete> / Κρήτη 5. Eastern Macedonia and Thrace <https://en.wikipedia.org/wiki/Eastern_Macedonia_and_Thrace> / Ανατολική Μακεδονία και Θράκη 6. Epirus <https://en.wikipedia.org/wiki/Epirus_(region)> / Ήπειρος 7. Ionian Islands <https://en.wikipedia.org/wiki/Ionian_Islands_(region)> / Ιόνια νησιά 8. North Aegean <https://en.wikipedia.org/wiki/North_Aegean> / Βόρειο Αιγαίο 9. Peloponnese <https://en.wikipedia.org/wiki/Peloponnese_(region)> / Πελοπόννησος 10. South Aegean <https://en.wikipedia.org/wiki/South_Aegean> / Νότιο Αιγαίο 11. Thessaly <https://en.wikipedia.org/wiki/Thessaly> / Θεσσαλία 12. Western Greece <https://en.wikipedia.org/wiki/Western_Greece> / Δυτική Ελλάδα 13. Western Macedonia <https://en.wikipedia.org/wiki/Western_Macedonia> / Δυτική Μακεδονία 2) The Western Macedonia <https://en.wikipedia.org/wiki/Western_Macedonia> / Δυτική Μακεδονία to have different color (e.g red) and to zoom on hover <script src="https://www.google.com/jsapi"; type="text/javascript"></script> <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> -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at https://groups.google.com/group/google-visualization-api. To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/4f553c99-454b-40fb-8e75-174a5d6ec68e%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
