关于GOOGLE地图API的问题

你们好。 
我希望使用GOOGLE提供的API开发个地图加入我的工程里。 
现在我的开发环境如下： 
MYECLIPSE+TOMCAT5.5+JAVA JDK1.5 
但是不知道为什么我新建的这个JSP页面显示不出我要的效果，假如直接使用文本文件复制后反倒可以显示出来。具体代码如下： <%@ page contentType="text/html; charset=gb2312"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=gb2312"/> 
<title>Google 地图 JavaScript API 示例: 简单的地图</title> 
<script src="http://ditu.google.com/maps?file=api&;v=2&key=ABQIAAAAmZzPqf2aW- 7Si6ot-HY9-hRhm3yhlCBaxy4FA8xZJReMAoDMwhQtB3B5zaWqCOSd_tjuCOoj9SsVZw" 
type="text/javascript"></script> 
<script type="text/javascript"> function initialize() { 
if (GBrowserIsCompatible()) { 
var map = new GMap2(document.getElementById("map_canvas")); 
map.setCenter(new GLatLng(39.917, 116.397), 14); 
} 
} </script> 
</head> 
<body onload="initialize()" onunload="GUnload()"> 
<div id="map_canvas" style="width: 500px; height: 300px"></div> 
</body> 
</html>