Javascript OpenLayers+；Liferay Portlet

我是Liferay和Portlet开发的新手，我试图在Portlet中显示OpenLayers映射，但没有成功

这是my view.jsp

<%@ taglib uri="http://java.sun.com/portlet_2_0" prefix="portlet" %>
<%@ taglib uri="http://liferay.com/tld/liferay-ui" prefix='liferay-ui' %>
<%@ page import="javax.portlet.PortletPreferences" %>
<script src="http://dev.openlayers.org/releases/OpenLayers-2.11/lib/OpenLayers.js" type="text/javascript"></script>

<p>My Map</p>

<div style="width:100%; height:100%" id="map"></div>
<script defer="defer" type="text/javascript">
    var map = new OpenLayers.Map('map');
    var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
        "http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
    map.addLayer(wms);
    map.zoomToMaxExtent();
</script>

我的地图

var map=newopenlayers.map（'map'）；
var wms=new OpenLayers.Layer.wms（“OpenLayers wms”，
"http://vmap0.tiles.osgeo.org/wms/vmap0“，{层：'基本'}）；
地图添加层（wms）；
zoomToMaxExtent（）；

---

地图已指定给div，但不显示。有人知道为什么吗？谢谢

胡乱猜测：您确定页面上只有一个id=“map”吗？我宁愿去看电影

<div ... id="<portlet:namespace/>map">
 ... var map = new OpenLayers.Map('<portlet:namespace/>map');

... var map=newopenlayers.map（'map'）；