<html>
<head>
<style><!--
.hmmessage P
{
margin:0px;
padding:0px
}
body.hmmessage
{
font-size: 10pt;
font-family:Tahoma
}
--></style></head>
<body class='hmmessage'><div dir='ltr'>
<span id="ecxtoBoxCc" style="display:block"><span class="ecxBlockEmailNoName"></span></span>Hi all,<br><br>Thanks for your respond I really appreciate it. I am using map.addControl(new OpenLayers.Control.LayerSwitcher()); <br>In this Html codes how can I create a second layer by using same map file that I can switch off and on near the base map? <br><br>My html file is below:<br><br>Thanks again.<br><br><!-- MapServer Template --><br><html><br><head><br> <title>OpenLayers Example</title><br> <link rel="stylesheet" href="openlayers/theme/default/style.css" type="text/css"><br> <script src="http://openlayers.org/api/OpenLayers.js"></script><br> </head><br> <body><br> <center><div id="map"></div></center><br> <style><br> @media screen<br> {<br> #map{width:975px; height:750px; border: 2px solid black;}<br> }<br> </style><br> <script defer="defer" type="text/javascript"><br> var lon = -84.722147;<br> var lat = 49.298594; <br> var zoom = 6;<br> var map, layer;<br> <br> map = new OpenLayers.Map( 'map' );<br> layer1 = new OpenLayers.Layer.WMS( "QGIS-MAP1", <br>
"http://localhost/cgi-bin/mapserv.exe", {layers:
'ResidentDistrict_2011',map: '/wwwroot/Example/Mountains.map'},<br> {gutter: 15});<br> <br> layer2 = new OpenLayers.Layer.WMS( "QGIS-MAP2", <br>
"http://localhost/cgi-bin/mapserv.exe", {layers: 'bDI_2011',map:
'/wwwroot/Example_test/Mountains.map'},<br> {gutter: 15}); <br> map.addLayer(layer1, layer2);<br><br> map.zoomToMaxExtent(); <br> map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);<br> <br> map.addControl(new OpenLayers.Control.MouseToolbar());<br> map.addControl(new OpenLayers.Control.LayerSwitcher());<br> map.addControl(new OpenLayers.Control.MousePosition());<br> map.addControl(new OpenLayers.Control.OverviewMap());<br> <br> </script><br><br></body><br></html> </div></body>
</html>