Hi Lakshmi,
Click the link below to see the Geoserver wms working inArcGIS javascript v3.23:
Geoserver WMS in ArcGIS javascript 3.23 map
Here is the code I use to add my roadworks layers an ArcGIS javascript v3.23:
function addRoadworks() {
require(["esri/InfoTemplate",
"esri/layers/WMSLayer",
"esri/layers/WMSLayerInfo",
"esri/InfoTemplate"],
function (InfoTemplate, WMSLayer, WMSLayerInfo) {
var infoStr = "<b>Name:</b>${ROAD_NAME}<br/>Event Type: ${EVENT_TYPE}<br/>Type of Works: ${TYPE_OF_WORKS}<br/>Location: ${LOCATION_DESC}<br/>Start: ${START_TIME}<br/>End: ${END_TIME}<br/>Working Hours: ${WORKING_HOURS}<br/Traffic Mgmt:${TRAFFIC_MANAGEMENT}<br/>Links: ${WEB}";
infoTemplate = new InfoTemplate("State Growth Road Works", infoStr);
roadWorksLayer = new WMSLayer(mapParams.roadWorksWms.url, {
format: mapParams.roadWorksWms.wms.format,
resourceInfo: {
copyright: "My Copyright title",
description: "Roadworks",
extent: initialExtent,
featureInfoFormat: "text/html",
infoTemplate: infoTemplate,
tolerance: 10,
getFeatureInfoURL: myBaseUrl + "geoserver/ssg/ows/?service=WMS&version=1.3.0&info_format=application/json&xsl_template=infoTemplate.xsl", getMapURL: mapParams.roadWorksWms.url,
layerInfos: [
new WMSLayerInfo({
name: "GEO_ROAD_WORKS",
title: "Roadworks",
queryable: true,
showPopup: false
})
],
spatialReferences: [3857, 28355],
version: mapParams.roadWorksWms.wms.version
},
visibleLayers: [
"GEO_ROAD_WORKS"
]
});
roadWorksPointLayer = new WMSLayer(mapParams.roadWorksWms.url, {
format: mapParams.roadWorksWms.wms.format,
resourceInfo: {
copyright: "My Copyright title",
description: "Roadworks",
extent: initialExtent,
featureInfoFormat: "text/html",
infoTemplate: infoTemplate,
tolerance: 10,
getFeatureInfoURL: myBaseUrl + "geoserver/ssg/ows/?service=WMS&version=1.3.0&info_format=application/json&xsl_template=infoTemplate.xsl", getMapURL: mapParams.roadWorksWms.url,
layerInfos: [
new WMSLayerInfo({
name: "GEO_RD_EVTS",
title: "Roadworks",
queryable: true,
showPopup: false
})
],
spatialReferences: [3857, 28355],
version: mapParams.roadWorksWms.wms.version
},
visibleLayers: [
"GEO_RD_EVTS" ]
});
map.addLayers([roadWorksLayer, roadWorksPointLayer]);
roadWorksLayer.setVisibility(false);
roadWorksPointLayer.setVisibility(false);
dojo.connect(roadWorksLayer, "onClick", function () {
map.infoWindow.setTitle("State Growth Road Wrks");
map.infoWindow.resize(370, 360);
});
});
if (typeof roadWorksLayer !=="undefined") {
roadWorksIdentifyTask = new esri.tasks.IdentifyTask(roadWorksLayer.getFeatureInfoURL);
roadWorksIdentifyParams.geometry = eventMapPoint;
roadWorksIdentifyParams.mapExtent = map.extent;
roadWorksIdentifyParams.layerIds = [0];
}
}