liferay-portlet的jsp调用geoserver图层的精简代码

来源：互联网发布：软件培训机构网站编辑：程序博客网时间：2024/06/05 14:46

<%@ include file="/html/init.jsp" %>
<%@page contentType="text/html;charset=gbk" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<script src="../../railwayMap/lib/OpenLayers.js"></script>
<style type="text/css">
        #map {
            width: 800px;
            height: 664px;
            border: 1px solid black;/*边框粗细*/
        }
/*声明一个边框，在此设定其大小为800*664*/
</style>
<script defer="defer" type="text/javascript">
var map;
function init(){
// 生成基本map对象，然后在map对象中设定位置和图层
    map = new OpenLayers.Map('map', {controls:[/* 这里可以new OpenLayers.Control.的对象，如果这里不new的话，可以在后边用map.add加一些控制功能，一样的*/], 'projection': 'EPSG:4326',
'units':'degrees'});
//var map = new OpenLayers.Map('map');这样写可以省略掉下边的 map.addControl(new OpenLayers.Control.PanZoomBar({div:$('nav')}));

var bounds = new OpenLayers.Bounds
(95.010546085,32.059407,135.81122292,56.190515)

          tiled = new OpenLayers.Layer.WMS(
            "基层——边界", "http://localhost:5757/geoserver163/wms",
            {
              height: '700',
              width: '800',

//layers: 'topp:adm_raer_region',
     layers: 'six',

              styles: 'line',
              srs: 'EPSG:4326',
              format: 'image/gif', tiled: 'true', tilesOrigin : "95.010546085,32.259407"
            },
            {maxExtent: bounds, maxResolution: 6.49429687499814, projection: "EPSG:4326",
buffer: 0}
          );
          map.addLayer(tiled); //map对象增加图层tiled
    // map.addLayers([tiled,tiled2]);用这个方法也一样

    map.addControl(new OpenLayers.Control.PanZoomBar({div:$('nav')}));//放大缩小和左右移动按钮
    map.addControl(new OpenLayers.Control.LayerSwitcher());//右侧的图层选择按钮
    map.addControl(new OpenLayers.Control.Scale($('scale')));
    map.addControl(new OpenLayers.Control.MousePosition({element: $('position')}));
   map.addControl(new OpenLayers.Control.MouseDefaults());

    map.addControl(new OpenLayers.Control.MouseDefaults()); //鼠标放大缩小和左右移动

       map.zoomToExtent(bounds);//map确定坐标范围
}
</script>
<body bgcolor="#F0F8FF" onload="init();">
<div style="cursor:hand; width:95%; height:500" id="map"> </div>

</body>

</html>