📄 prrmmapview.jsp

📁 Java的框架
💻 JSP
字号:
<%@ include file="/common/taglibs.jsp"%>
<mcaps:userPreference key="maphost" name="host" scope="page"/>
<mcaps:userPreference key="maphostport" name="port" scope="page"/>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
	<mcaps:userPreference key="menu" name="menu" scope="page"/>
	<c:choose>
		<c:when test="${menu == 'list'}">
			<link rel="stylesheet" type="text/css" media="all" href="<c:url value='/styles/list.css'/>" />
		</c:when>
		<c:otherwise>
			<link rel="stylesheet" type="text/css" media="all" href="<c:url value='/styles/cool.css'/>" />
		</c:otherwise>
	</c:choose>

    <script src="<c:url value='/scripts/openlayers/lib/OpenLayers.js' />"></script>
    <script type="text/javascript">
        var tID;
     	var map, wms, roadlayer, tracklayer, toolbar;
     	//TODO: doreload
     	
  		function reloadPage(){
	  		location.reload();
	  		tick = new Date().getTime();
  		} 		
 		
  		function startTimer(){
	  		 tID = window.setInterval('reloadPage()',180000);
  		}
            
   		function clearTimer(){
			if(tID) {
	      		clearTimeout(tID);
	      		tID  = 0;
   			}
  		}
  		
  		function resetTimer(){
	  		if (tick - new Date().getTime() < 10){
		  		 clearTimer();
		  		 startTimer();
	  		}
  		}
 
 		function initOL(){
			map = new OpenLayers.Map('olmap',
						{maxExtent: new OpenLayers.Bounds(84.089355,-11.777344,121.92627,13.886719), 
						 numZoomLevels:18, controls: []});

		    wms = new OpenLayers.Layer.WMS("OpenLayers WMS", 
		       				"http://www2.demis.nl/wms/wms.asp?wms=WorldMap&amp;", 
		       				{layers: 'Bathymetry,Countries', transparent:'off'} );
		       					    	
		    map.addLayer(wms);
		    
   		    roadlayer = new OpenLayers.Layer.WMS.Track("Road", 
			        "http://<c:out value="${host}" />:<c:out value="${port}" />/geoserver/wms?", 
       				{	layers: 'prrm:prrm_road', 
       					format: 'image/png', 
       					transparent:'true', 
       					sld:'http://<c:out value="${host}" />:<c:out value="${port}" />/prrm/map/data/sld/prrm_current.jsp?${param.customParams}'
       				} 
       				);
   		    
   		    map.addLayer(roadlayer);
   		    
			tracklayer = new OpenLayers.Layer.WMS.Track("Road Defect", 
			        "http://<c:out value="${host}" />:<c:out value="${port}" />/geoserver/wms?", 
       				{	layers: 'prrm:prrm_roaddefect', 
       					format: 'image/png', 
       					transparent:'true', 
       					sld:'http://<c:out value="${host}" />:<c:out value="${port}" />/prrm/map/data/sld/prrm_current.jsp?${param.customParams}'
       				} 
       				);
   		    
   		    map.addLayer(tracklayer);
   		    
   		    var infodiv = (parent.document.getElementById('featureinfo') != null) ? parent.document.getElementById('featureinfo') : null;
<c:choose>
	<c:when test="${param.mode == 1}" >
		    toolBar = new OpenLayers.Control.MouseToolbar(null,null,
		    												{	
		    													responsediv:infodiv	 
		    												},
		    												{'prrm:prrm_roaddefect':{track: tracklayer,
		    																host:'http://<c:out value="${host}" />:<c:out value="${port}" />/geoserver/wfs?',
		    																responsekvps:{'id':'ID','defecttype':'Defect Type','severity':'Severity','status':'Status'},
		    																size:16}
		    												}
		    												);		    
	</c:when>
	<c:when test="${param.mode == 2}" >
		    toolBar = new OpenLayers.Control.MouseToolbar(null,null,null,null,
		    												{
		    													input:parent.document.getElementById('coordinates'),
		    													value:"<c:out value='${param.coordinates}' />"	    													
		    												}
		    												);		    
	</c:when>
	<c:otherwise>
		    toolBar = new OpenLayers.Control.MouseToolbar();		    
	</c:otherwise>
</c:choose>
			
       		map.addControl(new OpenLayers.Control.PanZoomBar());
           	map.addControl(toolBar);
			map.addControl( new OpenLayers.Control.LayerSwitcher() );
           	map.addControl(new OpenLayers.Control.MousePosition());
            map.addControl(new OpenLayers.Control.Scale());
            map.addControl(new OpenLayers.Control.OverviewMap());
   		    map.setCenter(new OpenLayers.LonLat(103.82, 1.37), 11);
   		    
   		    if (parent.getBboxStr){
   		    	if (parent.getBboxStr().length > 0){
		   		    var bbox = parent.getBboxStr().replace("BOX(","").replace(")","").replace(/(\s)/g, ",");
					zoomToBox(bbox);
				}
			}			
		}
		
		function zoomToBox(bbox){
			var box = bbox.split(",");
			map.zoomToExtent(new OpenLayers.Bounds(parseFloat(box[0]),parseFloat(box[1]),parseFloat(box[2]),parseFloat(box[3])));
		}
		
    </script>
  </head>
  <body onload="initOL()"  onunload="clearTimer()">
    <div id="olmap"></div>
  </body>
</html>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -