Sorry,
Below is the code I am using without API key..
<html>
<head>
<script type='text/javascript' src='https://www.google.com/jsapi
'></script>
<script type='text/javascript'>
google.load('visualization', '1', { 'packages': ['geochart'] });
google.setOnLoadCallback(drawMarkersMap);
function drawMarkersMap() {
var data = google.visualization.arrayToDataTable(
[['City', 'Population', 'Area'],
['Rome', 2761477, 1285.31],
['Milan', 1324110, 181.76],
['Naples', 959574, 117.27],
['Turin', 907563, 130.17],
['Palermo', 655875, 158.9],
['Genoa', 607906, 243.60],
['Bologna', 380181, 140.7],
['Florence', 371282, 102.41],
['Fiumicino', 67370, 213.44],
['Anzio', 52192, 43.43],
['Ciampino', 38262, 11]]);
var options = { region: 'IT', displayMode: 'markers',
colorAxis: { colors: ['green', 'blue'] } };
var chart = new
google.visualization.GeoChart(document.getElementById('chart_div'));
chart.draw(data, options);
};
</script>
</head>
<body>
<div id="chart_div" style="width: 900px; height: 500px;">
</div>
</body>
</html>
Thanks and Regards,
Sachin
On Thu, Aug 16, 2012 at 7:15 PM, saclines <[email protected]> wrote:
> Hi,
>
> I am using Google Geochart API and I am getting a problem in Internet
> Explorer. I am not able to get magnfying glass effect in internet Explorer
> 9 also.
> I have read that it will not seen in IE 8 and below browsers but it can be
> seen in IE 9 however still I am not able to get it in IE 9.
> Please see my code below. it is the same code that is given on
> https://developers.google.com/chart/interactive/docs/gallery/geochartpage.
>
> <html>
> <head>
> <script type='text/javascript' src='
> https://www.google.com/jsapi?key=AIzaSyCZfHRnq7tigC-COeQRmoa9Cxr0vbrK6xw
> '></script>
> <script type='text/javascript'>
> google.load('visualization', '1', { 'packages': ['geochart'] });
> google.setOnLoadCallback(drawMarkersMap);
> function drawMarkersMap() {
> var data = google.visualization.arrayToDataTable(
> [['City', 'Population', 'Area'],
> ['Rome', 2761477, 1285.31],
> ['Milan', 1324110, 181.76],
> ['Naples', 959574, 117.27],
> ['Turin', 907563, 130.17],
> ['Palermo', 655875, 158.9],
> ['Genoa', 607906, 243.60],
> ['Bologna', 380181, 140.7],
> ['Florence', 371282, 102.41],
> ['Fiumicino', 67370, 213.44],
> ['Anzio', 52192, 43.43],
> ['Ciampino', 38262, 11]]);
> var options = { region: 'IT', displayMode: 'markers',
> colorAxis: { colors: ['green', 'blue'] } };
> var chart = new
> google.visualization.GeoChart(document.getElementById('chart_div'));
> chart.draw(data, options);
> };
> </script>
> </head>
> <body>
> <div id="chart_div" style="width: 900px; height: 500px;">
> </div>
> </body>
> </html>
>
>
> Thanks and Regards,
> Sachin
>
> --
> You received this message because you are subscribed to the Google Groups
> "Google Visualization API" group.
> To view this discussion on the web visit
> https://groups.google.com/d/msg/google-visualization-api/-/tNEHJJIKyPUJ.
> To post to this group, send email to
> [email protected].
> To unsubscribe from this group, send email to
> [email protected].
> For more options, visit this group at
> http://groups.google.com/group/google-visualization-api?hl=en.
>
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-visualization-api?hl=en.
