Визуализация Google не отображается в JSP на Google App Engine - PullRequest
Новая
       10

Визуализация Google не отображается в JSP на Google App Engine

0 голосов
/ 12 февраля 2012

Так что я хочу использовать карту визуализации от Google, и я хочу отобразить на моей странице, сгенерированной JSP.t размещается в Google AppEngine.Когда я запускаю JSP в Google App Engine, это окончательный результат, который генерируется.Однако после компиляции код выглядит хорошо, и когда я помещаю его в игровую площадку Google Code, он работает, но на движке приложений Google он вообще не работает!Вот код, который отправляется на веб-страницу.Я в полной растерянности относительно того, как это исправить.Любая помощь будет принята с благодарностью.

Спасибо!Джон 

<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>

1 Ответ

1 голос
/ 13 февраля 2012

Есть несколько вопросов:

  • Блок <script>, в котором содержится основное содержание JavaScript, содержит следующий атрибут: language="text/javascript". Это должно быть: type="text/javascript"
  • Ссылка на элемент должна быть document.getElementById('map_canvas'));, а не document.getElementById('container.page-wrap.mainContent.map_canvas'));
  • Я не уверен, как вы собираетесь запускать drawVisualization, но учтите следующее: google.setOnLoadCallback(drawVisualization);, который вызовет функцию при загрузке.

С этими изменениями код запускается. Надеюсь, это поможет!

...