Dear Community,
I want to insert a interactive map of Europe in my website and thought that google geo chart is an option (even with my very basic HTML, CSS and JS skills). BTW I build the site in squarespace. What I've achieved with the code below (from another past entry <http://stackoverflow.com/questions/6205621/how-to-add-links-in-google-chart-api> in the stackoverflow community) is to link the countries to a webpage. What I do not manage is to hide the links on mouseover. So far it looks like this: [image: enter image description here] Extra: is there any option to set the countries in another color than the (default) green and to display the country names as default (or at least display country names on mouseover/hover)? Thank you very much for the last tweaks. Regards This is the code so far: <script type='text/javascript' src="https://www.google.com/jsapi";></script> <div id="regions_div" style="width: 900px; height: 500px;"></div> <script type="text/javascript"> google.load('visualization', '1', {'packages': ['geochart']}); google.setOnLoadCallback(drawRegionsMap); function drawRegionsMap() { var data = google.visualization.arrayToDataTable([ ['Country', 'link'], ['France', 'http://www.orf.at'], ['Germany', 'http://www.orf.at'], ['Bulgaria', 'http://www.orf.at'], ['Netherlands', 'http://www.orf.at'], ['Belgium', 'http://www.orf.at'], ['Hungary', 'http://www.orf.at'], ['United Kingdom', 'http://www.orf.at'], ['Ireland', 'http://www.orf.at'], ['Austria', 'http://www.orf.at'] ]); var view = new google.visualization.DataView(data); view.setColumns([0, 1]); var options = { title: 'European Network' }; var options = { region: '150', // Europe colorAxis: { colors: ['#00AEEF'] }, backgroundColor: '#81d4fa', displayMode: 'text', displayMode: 'region' }; var chart = new google.visualization.GeoChart(document.getElementById('regions_div')); chart.draw(data, options); var selectHandler = function(e) { window.location = data.getValue(chart.getSelection()[0]['row'], 1 ); } // Add our selection handler. google.visualization.events.addListener(chart, 'select', selectHandler); } </script> -- 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 http://groups.google.com/group/google-visualization-api. For more options, visit https://groups.google.com/d/optout.
