Setting up MapServer WMS and use it with OpenLayers

Question

I have set up MapServer WMS on the localhost by the following map file:

MAP
  NAME "Prvi_WMS"
  SIZE 600 300              # 600 by 300 pixel image output
  PROJECTION
       "init=epsg:4326"
  END  
    #EXTENT -180 -90 180 90
    WEB
    IMAGEPATH "/ms4w/tmp/ms_tmp/"
    IMAGEURL "/ms_tmp/"
    METADATA
      "wms_title" "My Global Map WMS Server"
      "wms_onlineresource" "http://localhost/cgi-bin/mapserv.exe?mode=map&map=c:/ms4w/Apache/htdocs/MapFile06_wms.map&"
      "wms_enable_request" "*"
      "wms_srs" "EPSG:4326"
    END
  END

  LAYER

    NAME countries
    TYPE POLYGON
    STATUS DEFAULT
    DATA "/ms4w/data/countries_simpl.shp"
    MINSCALE 1000
    MAXSCALE 1000000000     
    PROJECTION
       "init=epsg:4326"
    END  
    EXTENT -180 -90 180 90

    CLASSITEM 'NAME'
    CLASS
      NAME 'Bulgaria'
      EXPRESSION 'Bulgaria'
      OUTLINECOLOR 100 100 100
      COLOR 255 255 150
    END

    CLASS
      NAME 'All Countries'
      EXPRESSION ("[NAME]" ne 'Bulgaria')
      STYLE
        OUTLINECOLOR 100 100 100
      END
    END
    METADATA
      "wms_title" "World Boundaries"
      "wms_onlineresource" "http://localhost/cgi-bin/mapserv.exe?" 
      "wms_srs" "EPSG:4326"
      "wms_enable_request" "*"
    END
  END
END

then, I checked GetCapabilities and GetMap requests and the results seem fine. However, I have problems getting the map inside the OpenLayers. Here is how I define my WMS layer:

<html>
<head>
    <title>Karta</title>
    <link rel="stylesheet" href="openlayers/theme/default/style.css" type="text/css">
<script src="http://openlayers.org/api/OpenLayers.js"></script>
<script  type="text/javascript">
    function inicializacija(){
        var options = {
            projection: new OpenLayers.Projection("EPSG:900913"),
            units: "m",
            numZoomLevels: 18,
            maxResolution: 156543.0339,
            maxExtent: new OpenLayers.Bounds(-20037508.34,-20037508.34,20037508.34,20037508.34)
            };
         var map = new OpenLayers.Map("map-id", options);
         var osm = new OpenLayers.Layer.OSM("Open Street Map");
         var wms = new OpenLayers.Layer.MapServer( "World Map", "http://localhost/cgi-bin/mapserv.exe", {layers: 'countries',map: '/ms4w/Apache/htdocs/MapFile06_wms.map', srs: 'EPSG:4326'} );

        map.addLayers([osm,wms]);
        map.addControl(new OpenLayers.Control.LayerSwitcher());
        map.addControl(new OpenLayers.Control.MousePosition());


        map.zoomToExtent(new OpenLayers.Bounds(1490000, 5600000,1850000, 5900000));
    }
</script>
    <style>
        #map-id {
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body onload= 'inicializacija()'>
    <h1>Primer prekrivanja slojev in izbire podlag</h1>
    <div id="map-id"></div>
</body>
</html>

The WMS layer shown in OpenLayers is completely white. What am I missing?

You need to remove mode=map& otherwise you won't get a WMS response — nmtoken, Feb 20 '19 at 21:17

Ian Turton · Accepted Answer · 2012-01-03T10:30:58.450

7

You say you have checked the GetCapabilities and GetMap requests/responses which indicates you are running MapServer as a WMS. Thus you need to be using a WMS layer in OpenLayers - I'm not sure of the status of the MapServer layer. so you need something like:

    map = new OpenLayers.Map( 'map' );
    layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
            "http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
    map.addLayer(layer);

UPDATE

You'll need to provide a wms_srs element for each projection you need in your map file to enable reprojection (see http://mapserver.org/ogc/wms_server.html#setting-up-a-wms-server-using-mapserver)

edited Jan 03 '12 at 10:30

answered Jan 03 '12 at 08:43

Ian Turton

81,417
6
84
185

When I tried using OpenLayers.Layer.WMS for serving MapServer WMS I get empty tiles. – Matej Jan 03 '12 at 09:45
I think we'll need to see all the openlayers code then – Ian Turton Jan 03 '12 at 09:51
When I tried using OpenLayers.Layer.WMS for serving MapServer WMS I get EMPTY tiles as oposed to WHITE tiles with the MapServer layer So this leads me to the thought that MapServer SRS could be the problem.. When I checked GetMap request, I noticed that BBOX variable behaved strangely: the returned image did not show the correct BBOX... Is there possibly a catch with the coordinate system? – Matej Jan 03 '12 at 09:55
1

almost certainly projections are the problem - that was why I asked to see all the code. Are you perhaps using Google Maps as a base layer? – Ian Turton Jan 03 '12 at 10:16
Yes, I was using Google Maps among others as a base layer. Now, I removed all base layers except OSM but the problem remains. – Matej Jan 03 '12 at 10:20
2

Your projection is defined by the baselayer so when you use Google or OSM the projection will be 900913 which will give you a bounding box in meters. Try making a simple example with just your wms layer in it to check the WMS is working first – Ian Turton Jan 03 '12 at 10:26
Yes, CRS was the problem! When I removed all other layers, I was able to see my MapServer WMS in OpenLayers using Mapserver layer - thank you! – Matej Jan 03 '12 at 10:39

Setting up MapServer WMS and use it with OpenLayers

1 Answers1

Linked