Fatal编程技术网
  • javascript/
  • Javascript Google应用程序引擎上的JSP中未显示Google可视化

Javascript Google应用程序引擎上的JSP中未显示Google可视化

javascript google-app-engine jsp google-visualization

Javascript Google应用程序引擎上的JSP中未显示Google可视化,javascript,google-app-engine,jsp,google-visualization,Javascript,Google App Engine,Jsp,Google Visualization,因此，我想使用谷歌的可视化地图，并在JSP生成的页面上显示。t被托管在谷歌AppEngine上。当我在GoogleAppEngine上运行JSP时，这是生成的最终输出。然而，在编译之后，代码看起来很好，当我把它放进谷歌代码游乐场时，它工作了，但是在谷歌应用程序引擎上，它根本不工作！这是发送到该网页的代码。我完全不知道如何解决这个问题。任何帮助都将不胜感激 谢谢！ 乔恩 人 load（'visualization'，'1'，{packages:['geomap']}）； 函数drawVisual

因此，我想使用谷歌的可视化地图，并在JSP生成的页面上显示。t被托管在谷歌AppEngine上。当我在GoogleAppEngine上运行JSP时，这是生成的最终输出。然而，在编译之后，代码看起来很好，当我把它放进谷歌代码游乐场时，它工作了，但是在谷歌应用程序引擎上，它根本不工作！这是发送到该网页的代码。我完全不知道如何解决这个问题。任何帮助都将不胜感激

谢谢！ 乔恩


人
load（'visualization'，'1'，{packages:['geomap']}）；
函数drawVisualization（）{
var data=new google.visualization.DataTable（）；
数据。添加行（4）；
data.addColumn（'string'，'State'）；
data.addColumn（'number'，'Popularity'）；
data.setValue（0,0，'Pennsylvania'）；
数据设置值（0,1,10）；
data.setValue（1,0，'纽约'）；
数据设置值（1,1,15）；
data.setValue（2,0，'California'）；
数据。设定值（2，1，5）；
设置值（3，0，'新泽西'）；
数据设置值（3,1,8）；
var选项={}；
选项['region']='US'；
var geomap=新的google.visualization.geomap(
document.getElementById（'container.page wrap.mainContent.map_canvas'）；
绘制地理地图（数据、选项）；
}
##我也做了，但这也不起作用！

 这是一个漂亮的头球


 这是页脚
有几个问题：

  • 保存主要javascript内容的
    块包含以下属性：
    language=“text/javascript”
    。这应该是：
    type=“text/javascript”
  • 对元素的引用应该是
    document.getElementById（'map_canvas'）
    not
    document.getElementById（'container.page wrap.mainContent.map_canvas'）
    • <> Li >我不确定您打算如何触发<代码> DuffVisual，但请考虑：<代码>谷歌.Ston LoopCalbBead（DuffVisualStudio）；<代码>它将在加载时调用函数
通过这些更改，代码将运行。希望有帮助

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>People</title>
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true&amp;key=GOOGLEAPIKEYTHATISVALID" type="text/javascript"></script>
<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script language="text/javascript">
google.load('visualization', '1', {packages: ['geomap']});
function drawVisualization() {
var data = new google.visualization.DataTable();
data.addRows(4);
data.addColumn('string', 'State');
data.addColumn('number', 'Popularity');
data.setValue(0, 0, 'Pennsylvania');
data.setValue(0, 1, 10);
data.setValue(1, 0, 'New York');
data.setValue(1, 1, 15);
data.setValue(2, 0, 'California');
data.setValue(2, 1, 5);
data.setValue(3, 0, 'New Jersey');
data.setValue(3, 1, 8);


var options = {};
options['region'] = 'US';
var geomap = new google.visualization.GeoMap(
document.getElementById('container.page-wrap.mainContent.map_canvas'));
geomap.draw(data, options);
}
</script>
</head>
<body > ##I have also done <body onload="drawVisualization()"> and that doesn't work either!
<div id="container">
<div id="headerBar">
<P> this is a pretty header </p>
</div>
<div id="page-wrap">
<div id="mainContent">
<div id="map_canvas"></div>                 
</div>
</div>
<!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats -->
<div id="footer">
<P> This is the footer</P>
<!-- end #footer -->
</div>
<!-- end #container -->

</div>
</body>
</html>