Hi!

I'm hoping you guys can help me out. I'm attempting to utilize Google 
Visualization API's for a world map, with a php script and HTML/Javascript 
to show how many hits we have recieved and mapping to a heat map on the map.

What I have works in Chrome and Firefox, but does not work in IE, 
unfortunately I want this presented in a Sharepoint iFrame which uses IE by 
default :(

The PHP portion works so I dont think I need to paste that in here, but 
here is the compiled HTML source that doesnt appear to be working out in IE 
only.

                                                                            
                                                                            
                          
<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(drawRegionsMap);                             
                                                                            
                             
                                                                            
                                                                            
                             
      function drawRegionsMap() {
        var data = google.visualization.arrayToDataTable([
        ['Country','Blocks'],
      ['Japan', 11],
['United States', 45],
['Argentina', 1],
['Brazil', 1],
['Bosnia and Herzegovina', 1],
['Germany', 4],
['France', 2],
['Russia', 5],
['China', 24],
['Thailand', 1],
['New Zealand (Aotearoa)', 1],
['Turkey', 1],
['Korea (South)', 6],
['Panama', 2],
['Taiwan', 6],
['Canada', 14],
['Luxembourg', 1],
['United Kingdom', 1],
['Philippines', 1],
['Singapore', 3],
['Switzerland', 2],
['Hong Kong', 2],
        ]);
 
        var options = {
                        backgroundColor : '#25383c',
                        colors : ['#FFFFFF', '#FF0000']
                        };
 
        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>


Any thoughts on what may be happening? I didn't call "var chart" more than 
once which I saw was a resolution for someone else in the group.

-- 
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/-/6qgf4O5wAp0J.
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.

Reply via email to