nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Adding a WMS service from LizardTech express Server with Javascript API

JeffPace1

anyone have any luck doing this? i dont think i am getting my parameters correct. A working example would be awesome.

thank you

Vind meer berichten getagd met

Accepted answers

All comments

Anonymous User

Hey Jeff Pace‌ - also trying to get a LizardTech WMS service running. I am trying to add from their demo page using Arcgis Api for JavaScript 3.14, but no dice. Any ideas?

<SPAN class="keyword token">var</SPAN> wmsTest <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">WMSLayer</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token"><SPAN>"</SPAN><A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=http%3A%2F%2Fdemo.lizardtech.com%2Flizardtech%2Fiserv%2Fows" target="_blank">http://demo.lizardtech.com/lizardtech/iserv/ows</A><SPAN>"</SPAN></SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; format<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"png"</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; resourceInfo<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; copyright<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"lizardtech"</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; description<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"test"</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; extent<SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">Extent</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="operator token">-</SPAN><SPAN class="number token">81.248255</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="number token">29.572644</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="operator token">-</SPAN><SPAN class="number token">82.908008</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="number token">26.740052</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">SpatialReference</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN> wkid<SPAN class="punctuation token">:</SPAN><SPAN class="number token">4326</SPAN> <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; featureInfoFormat<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"text/html"</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; getFeatureInfoURL<SPAN class="punctuation token">:</SPAN> <SPAN class="string token"><SPAN>"</SPAN><A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=http%3A%2F%2Fdemo.lizardtech.com%2Flizardtech%2Fiserv%2Fows" target="_blank">http://demo.lizardtech.com/lizardtech/iserv/ows</A><SPAN>"</SPAN></SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; getMapURL<SPAN class="punctuation token">:</SPAN> <SPAN class="string token"><SPAN>"</SPAN><A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=http%3A%2F%2Fdemo.lizardtech.com%2Flizardtech%2Fiserv%2Fows" target="_blank">http://demo.lizardtech.com/lizardtech/iserv/ows</A><SPAN>"</SPAN></SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; layerInfos<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">[</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">WMSLayerInfo</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; name<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"Florida_Mosaic"</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; title<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"Florida_Mosaic"</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; queryable<SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">false</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; showPopup<SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">false</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; spatialReferences<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">[</SPAN><SPAN class="number token">4326</SPAN><SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; version<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"1.3.0"</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; visible<SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">true</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

JeffPace1

Ok best i could do for a public demo

http://www.mymanatee.org/gisapps/mapviewer-test/index.jsp?type=test&layervis=Aerial%20Grid&widgetOn=Draw

The aerial is a background tiled layer added first. Then the WMS Service is added (its the "2011" layer controlled by the slider at the bottom. the other items on the slider are tiled layers). Then the dynamic layer is added "aerial grid".

Finally i turned the draw tool on, you can draw any graphic and it will draw under the WMS layer.

Just to rule out any third part issue, this is a 10sp4 WMS layer with data directly from SDE. ESRI products only.

The WMS layer is actually in a DIV after the graphics layer. No divs have z-indexs, so it draws on top of everything.

config for WMS

          <mapservice label="2011 Aerials" type="wms" catalog="0" visible="true" alpha="1" icon="assets/images/icons/i_shuttle.png">http://www.mymanatee.org/arcgis/services/base-map/aerials-2011-wms/MapServer/WMSServer?request=GetCapabilities</mapservice&gt;

code to create WMS layer

 if (mapServiceInfo.type === "wms") {
                    var layerInfo = new esri.layers.WMSLayerInfo({name:mapServiceInfo.layer,title:mapServiceInfo.layer,spatialReference:new esri.SpatialReference({wkid:102100})});
                    var resourceInfo = {
                        extent: new esri.geometry.Extent({"xmin":-9214584.290114,"ymin":3145848.430227,"xmax":-9133734.228469,"ymax":3208214.597832,"spatialReference":{"wkid": 102100}}),
                        layerInfos: [layerInfo],
                            version:"1.3.0"
                        };
                        layer = new esri.layers.WMSLayer(mapServiceInfo.url, {
                            resourceInfo: resourceInfo,
                            id: mapServiceInfo.label,
                            transparent: parseFloat(mapServiceInfo.alpha),
                            visible: mapServiceInfo.visible,
                            visibleLayers: [mapServiceInfo.catalog],
                            type: "wms"
                    });

JeffPace1

That doesn't seem right. Are you using the WMSLayer class? Graphics and Feature Layers should always draw on top of dynamic (including WMS) and tiled services.

I opened a help ticket. I tried 2.5 through 2.8 , and with both an ESRI ArcGIS server service accessed via WMS and a Lizardtech WMS service. All draw on top of all dynamic layers and on top of the graphics layer,

Very very odd.

When i alert the layerIds, the WMS service is index 1 of 8. so it should be on top of my background layer 0, but under everything else.

derekswingley1

That doesn't seem right. Are you using the WMSLayer class? Graphics and Feature Layers should always draw on top of dynamic (including WMS) and tiled services.

JeffPace1

Derek,
I have this all intergrated now, but does it make sense that no matter the layer order, my WMS service always draws on top? Even draws on top of my graphics and dynamic services.

In fact, I can draw a polygon graphic underneath it???!??!?!

Thanks for your help

derekswingley1

Glad you got it working!

JeffPace1

it will be shortly. I got it

had to use version 1.1.1 as version 1.3 uses "CRS" instead on "SRS" in the URL, and had to fake a 102100 coordinate system for my WMS service.

derekswingley1

Other than working from the sample that shows how to use a WMS as a layer, I think you're on your own here. I've never used LizardTech Express Server.

Is your service public?

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.