Problem with WMS OGC layer

ThomasKowalski · ‎02-02-2014

Hi,
I need to display WMS OGC layer with ArcGIS API for javascript. I'm new to ArcGis API, but I have been working before witg GoogleMaps api.
I have used this demo:
https://developers.arcgis.com/javascript/jssamples/layers_wms.html
and just changed wms url to mine. Below is my HTML:

[HTML]<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   
    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
    <title>Map with WMS</title>

    <link rel="stylesheet" href="http://js.arcgis.com/3.8/js/dojo/dijit/themes/claro/claro.css">
    <link rel="stylesheet" href="http://js.arcgis.com/3.8/js/esri/css/esri.css">
    <style>
      html, body { height: 100%; width: 100%; margin: 0; padding: 0; }
    </style>

    <script>var dojoConfig = {parseOnLoad: true};</script>
    <script src="http://js.arcgis.com/3.8/"></script>

    <script>
      dojo.require("dijit.layout.BorderContainer");
      dojo.require("dijit.layout.ContentPane");
      dojo.require("esri.map");
      dojo.require("esri.layers.wms");

      var map;

      function init() {
        esri.config.defaults.io.proxyUrl = "/proxy";
        map = new esri.Map("map", {
          basemap: "topo",
          center: [16.982288360595703, 51.131215361909334],
          zoom: 12
        });

        var wmsLayer = new esri.layers.WMSLayer("http://gis.um.wroc.pl/services/OGC_MPODST/MapServer/WMSServer?request=getcapabilities&service=wms&ve...");
        //set visible layers - in this case, US Cities
        wmsLayer.setVisibleLayers([0]);
        wmsLayer.setVisibleLayers([1]);
        wmsLayer.setVisibleLayers([2]);
        wmsLayer.setImageFormat("png");
        map.addLayer(wmsLayer);
      }

      dojo.ready(init);
    </script>
</head>

<body class="claro">
    <div id="content"
         data-dojo-type="dijit.layout.BorderContainer"
         data-dojo-props="design:'headline', gutters:true"
         style="width: 100%; height: 100%; margin: 0;">

      <div id="map"
           data-dojo-type="dijit.layout.ContentPane"
           data-dojo-props="region:'center'"
           style="overflow:hidden;">
      </div>

    </div>
</body>
</html>
[/HTML]

But in result I can see only basemap.

What am I doing wrong?

Second question is, if I can show only my WMS layer without basemap?

Kind regards
Thomas

SunilPalkar · ‎02-02-2014

Actually it little bit difficult to display 3rd party WMS layer in this API . You can not do other operations on that (like geo-processing etc)

Please check this link to see more details

ThomasKowalski · ‎02-02-2014

Hi sunilpalkar,
Thank you for reply.
This WMS is made with ArcGIS/ESRI software, but unfortunately is placed on 3rd party server...
Thank you for link. I'll see if I can do anything with my problem.

Kind regards
Thomas

SunilPalkar · ‎02-02-2014

Thanks for providing additional details

check out this example as per your requirement

thanks..

Hi sunilpalkar,
Thank you for reply.
This WMS is made with ArcGIS/ESRI software, but unfortunately is placed on 3rd party server...
Thank you for link. I'll see if I can do anything with my problem.

Kind regards
Thomas

SunilPalkar · ‎02-02-2014

I have just modified this ESRI sample and I am able to see the boundary map.

Please check the [ATTACH=CONFIG]31059[/ATTACH]

ThomasKowalski · ‎02-03-2014

It's working in ArcGis sandbox, but it stopped working after I have moved file to my server.
It turned out, that my proxy.php wasn't correct configured.
Now it's working fine.

Thanks for help 🙂