Example 4.4 HTML Template


<!-- MapServer Template --> <html> <head> <title>MapServer 5.x Tutorial</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link type="text/css" rel="stylesheet" href="[root]/ms35.css" /> </head> <body bgcolor="#FFFFFF" text="#000000"> <table align="center" border="0" width="680"><tr> <td> <h3 align="center">Example 4.4: MapServer Modes, Revisited</h3> <!-- START OF MAPSERVER FORM --> <form name="mapserv" method="GET" action="[program]"> <!-- HIDDEN MAPSERVER CGI VARIABLES --> <input type="hidden" name="map" value="[map]"> <input type="hidden" name="imgext" value="[mapext]"> <input type="hidden" name="imgxy" value="[center]"> <input type="hidden" name="root" value="[root]"> <input type="hidden" name="graphicsroot" value="[graphicsroot]"> <input type="hidden" name="program" value="[program]"> <input type="hidden" name="map_web" value="[map_web]"> <table width="600" border="0" align="center"> <tr> <td> <table width="400" border="1" align="center"> <tr> <td colspan="4">Select Layers: <!-- SPECIFY VECTOR LAYERS --> <input type="checkbox" name="layer" value="states" [states_check]> State Boundaries&nbsp; <input type="checkbox" name="layer" value="hydro" [hydro_check]> Water Features&nbsp; <input type="checkbox" name="layer" value="roads" [roads_check]> Roads<br> <!-- SPECIFY RASTER LAYERS --> Select Background: <select name="layer"> <option value=" " [ _select]>No Background</option> <option value="modis_jpl" [modis_jpl_select]> Daily MODIS Image</option> <option value="modis" [modis_select]> MODIS Surface Reflectance</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> </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="0" [zoom_0_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> <!-- alternative to the "ref" image --> <input type="image" name="ref" src="/cgi-bin/mapserv.exe?map=[map]&mapext=[minx]+[miny]+[maxx]+[maxy]&mode=reference" width="155" height="105"> </p> <p>Scalebar:<br> <!-- Alternative to the "scalebar" image --> <img src="[program]?map=[map]&mapext=[minx]+[miny]+[maxx]+[maxy]&mode=scalebar"> </p> <p>Legend:<br> <!-- Alternative to the "legend" image --> <!-- <img src="[legend]"> --> <img src="[program]?map=[map]&layers=[layers]&mapext=[minx]+[miny]+[maxx]+[maxy]&mode=legend"> </p> </td> </tr> <tr> <!-- DISPLAY THE MAPSERVER-CREATED MAP IMAGE --> <td colspan="3" align="center" valign="top"> <!-- Alternative to the main map image --> <input type="image" name="img" src="[program]?map=[map]&mapext=[minx]+[miny]+[maxx]+[maxy]&layers=[layers]&mode=map" width="400" height="300"> </td> </tr> </table> </td> </tr> </table> </form> <hr> <p>Here's the mapfile:<br> <iframe width="100%" src="/tutorial/example4.map"></iframe></p> <p>You can view the <a href="/tutorial/example4-4_modes_template.html">HTML Template source code here</a>.</p> <hr> <p class="Small" align="center"><a href="[root]/example4.map">View the MapFile</a> | <a href="[root]/example4-4_template.html">View the HTML Template</a></p> </p> <hr> <p class="Small" align="center"><a href="[root]/section3.html">Back to the Section 3</a> | <a href="http://www.mapserver.org/tutorial/">Tutorial home</a> | <a href="[root]/section4.html">Back to Section 4</a></p> </td> </tr></table> </body> </html> <p></p> <hr> </td> </tr> </table> </body> </html>