Example 3.2 HTML Template
<![CDATA[
<!-- MapServer Template -->
<html lang="zh-cmn-Hans">
<head>
<title>MapServer 4.0 Tutorial</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link type="text/css" rel="stylesheet" href="/tutorial/ms35.css" />
</head>
<body bgcolor="#FFFFFF" text="#000000">
<h3 align="center">Example 3.2: Layer-specific Header and Footer Templates</h3>
<!-- START OF MAPSERVER FORM -->
<form name="mapserv" method="GET" action="/cgi-bin/mapserv.exe">
<table width="600" border="0" align="center">
<tr>
<td>
<table width="600" border="1">
<tr>
<td colspan="4">Select Layers:<br>
<!-- SPECIFY VECTOR LAYERS -->
<input type="checkbox" name="layer" value="states" [states_check]>
State Boundaries
<input type="checkbox" name="layer" value="counties" [counties_check]>
County Boundaries
<input type="checkbox" name="layer" value="cities" [cities_check]>
Cities
<input type="checkbox" name="layer" value="fedlands" [fedlands_check]>
Federal/Indian Lands
<input type="checkbox" name="layer" value="hydro" [hydro_check]>
Water Features
<input type="checkbox" name="layer" value="roads" [roads_check]>
Roads<br>
<!-- SPECIFY RASTER LAYERS -->
Select Background:<br>
<select name="layer">
<option value=" " [ _select]>No Background</option>
<option value="landsat" [landsat_select]>Landsat 7 ETM+</option>
<option value="modis" [modis_select]>MODIS Surface Reflectance</option>
<option value="relief" [relief_select]>Shaded Relief</option>
</select>
</td>
</tr>
<tr>
<td>
<!-- SPECIFY MAP MODE -->
<div align="center">Map Mode:<br>
<select name="mode">
<option value="browse" [browse_select]>Browse </option>
<option value="query" [query_select]>Query Single Layer</option>
<option value="nquery" [nquery_select]>Query Multiple Layers</option>
</select>
</div>
</td>
<td>
<!-- FORM SUBMIT BUTTON -->
<div align="center">
<input type="submit" name="submit" value="Refresh">
</div>
</td>
<td>
<!-- ZOOM/PAN CONTROLS -->
<div align="center">Map Control: <br>
<select name="zoom">
<option value="4" [zoom_4_select]>Zoom In 4x</option>
<option value="3" [zoom_3_select]>Zoom In 3x</option>
<option value="2" [zoom_2_select]>Zoom In 2x</option>
<option value="1" [zoom_1_select]>Recenter</option>
<option value="-2" [zoom_-2_select]>Zoom Out 2x</option>
<option value="-3" [zoom_-3_select]>Zoom Out 3x</option>
<option value="-4" [zoom_-4_select]>Zoom Out 4x</option>
</select>
</div>
</td>
<!-- REFERENCE AND LEGEND COLUMN -->
<td rowspan="2" valign="top">
<p>Reference:<br>
<img name="ref" src="../[ref]"></p>
<p>Legend:<br>
<img src="../[legend]"> </p>
</td>
</tr>
<tr>
<!-- DISPLAY THE MAPSERVER-CREATED MAP IMAGE -->
<td colspan="3" align="center" valign="top">
<input type="image" name="img" src="../[img]" width="[mapwidth]" height="[mapheight]" border="0" alt="This is the map">
</td>
</tr>
</table>
<p> </p>
</td>
</tr>
</table>
<!-- HIDDEN MAPSERVER CGI VARIABLES -->
<input type="hidden" name="imgxy" value="[center]">
<input type="hidden" name="imgext" value="[mapext]">
<input type="hidden" name="map" value="[map]">
<input type="hidden" name="savequery" value="true">
</form>
</body>
</html>
]]>
Back to Example 3.2
|