<html>
<head>
</head>
<body class='hmmessage'><div dir='ltr'>


<style><!--
.hmmessage P
{
margin:0px;
padding:0px
}
body.hmmessage
{
font-size: 10pt;
font-family:Tahoma
}
--></style>
<div dir="ltr">&nbsp;&nbsp;&nbsp;&nbsp; Hi ALL,<br><br>Thanks for all responds. I tryed all suggestions and when I use these lines it only shows layer1 like a base map and I can't switch off and on. I would like create 3 separate layer that I can switch off and on each layer individually.<br><pre>Furthermore when I change the layer orders from <font style="" color="#C00000">map.addLayers([layer1,layer2,layer3]);</font> to <font style="" color="#FF0000">map.addLayers([layer2,layer1,layer3]);</font> this time it only shows <br>the second layer(layer2) as a base layer and I can't switch off and on. Could you please share your ideas with me about the issue?<br><br>Thank you<br><br>&nbsp;<br>layer1 = new OpenLayers.Layer.WMS( "QGIS-MAP","<br>&gt; http://localhost/cgi-bin/mapserv.exe", {layers:<br>&gt; 'ResidentDistrict_2011',map:<br>&gt; '/wwwroot/example1_test/Canada_Mountains.map',} )<br>&gt;<br>&gt; layer2 = new OpenLayers.Layer.WMS( "QGIS-MAP","<br>&gt; http://localhost/cgi-bin/mapserv.exe", {layers: 'LAKES',map:<br>&gt; '/wwwroot/example1_test/Canada_Mountains.map',} )<br>&gt;<br>&gt; layer3 = new OpenLayers.Layer.WMS( "QGIS-MAP","<br>&gt; http://localhost/cgi-bin/mapserv.exe", {layers: 'BDI_2011',map:<br>&gt; '/wwwroot/example1_test/Canada_Mountains.map',} )<br>&gt;<br>&gt; map.addLayers([layer1,layer2,layer3]);<br><br><br><u>here are the html codes</u><br><br><br>&lt;html&gt;<br>&lt;head&gt;<br>&nbsp; &lt;title&gt;OpenLayers Example&lt;/title&gt;<br>&nbsp;&nbsp; &lt;link rel="stylesheet" href="openlayers/theme/default/style.css" type="text/css"&gt;<br>

&nbsp;&nbsp;&nbsp; &lt;script src="<a href="http://openlayers.org/api/OpenLayers.js" target="_blank">http://openlayers.org/api/OpenLayers.js</a>"&gt;&lt;/script&gt;<br>&nbsp;&nbsp;&nbsp; &lt;/head&gt;<br>&nbsp;&nbsp;&nbsp; &lt;body&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;center&gt;&lt;div id="map"&gt;&lt;/div&gt;&lt;/center&gt;<br>

&nbsp;&nbsp;&nbsp; &nbsp; &lt;style&gt;<br>&nbsp;&nbsp;&nbsp; @media screen<br>&nbsp;&nbsp;&nbsp; {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; #map{width:975px; height:750px; border: 2px solid black;}<br>&nbsp;&nbsp;&nbsp; }<br>&nbsp;&nbsp;&nbsp; &lt;/style&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;script defer="defer" type="text/javascript"&gt;<br>

&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; var lon = -84.722147;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var lat = 49.298594;&nbsp;&nbsp;&nbsp; <br>&nbsp;&nbsp;&nbsp;&nbsp; <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var zoom = 6;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var map, layer;<br>&nbsp;&nbsp;&nbsp; &nbsp; <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map = new OpenLayers.Map('map');<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; layer = new OpenLayers.Layer.WMS( "QGIS-MAP",<br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "<a href="http://localhost/cgi-bin/mapserv.exe" target="_blank">http://localhost/cgi-bin/mapserv.exe</a>", {layers: 'ResidentDistrict_2011,LAKES,BDI_2011',map: '/wwwroot/example1_test/Canada_Mountains.map',} )<br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; map.addLayer(layer);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.zoomToMaxExtent();&nbsp; <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; map.addControl(new OpenLayers.Control.PanZoomBar());<br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.addControl(new OpenLayers.Control.MouseToolbar());<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.addControl(new OpenLayers.Control.LayerSwitcher());<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.addControl(new OpenLayers.Control.MousePosition());<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; map.addControl(new OpenLayers.Control.OverviewMap());<br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/script&gt;<br><br>&lt;/body&gt;<br>&lt;/html&gt;<br></pre></div>
                                               </div></body>
</html>