topic Re: Problem with WMS OGC layer in ArcGIS JavaScript Maps SDK Questions

Problem with WMS OGC layer

ThomasKowalski — Sun, 02 Feb 2014 14:26:42 GMT

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&version=1.1.1&SRS=EPSG:2177");
        //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

Re: Problem with WMS OGC layer

SunilPalkar — Mon, 03 Feb 2014 03:33:03 GMT

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

Re: Problem with WMS OGC layer

ThomasKowalski — Mon, 03 Feb 2014 05:16:38 GMT

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

Re: Problem with WMS OGC layer

SunilPalkar — Mon, 03 Feb 2014 06:00:31 GMT

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

Re: Problem with WMS OGC layer

SunilPalkar — Mon, 03 Feb 2014 06:19:47 GMT

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

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

Re: Problem with WMS OGC layer

ThomasKowalski — Mon, 03 Feb 2014 18:00:58 GMT

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 🙂