How to add spatial reference ESRI:102100 as a custom CRS to Geoserver?

Question

I've been struggling with this for over a week. I'm using the ArcGIS Javascript API to create a basic map application, and I'm trying to add a WMS layer from my geoserver to this application. The problem is that the basic map app I'm working with is using an ESRI basemap with spatial reference ESRI:102100. My wms layer is using spatial reference EPSG:4326. See my other question for more details about this: ArcGIS Javascript API - How to define spatial reference for WMS layer?

When I run my application I get this error:

<ServiceExceptionReport xmlns="http://www.opengis.net/ogc" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" version="1.3.0" xsi:schemaLocation="http://www.opengis.net/ogc http://localhost:8040/geoserver/schemas/wms/1.3.0/exceptions_1_3_0.xsd">
<ServiceException code="InvalidCRS">
Error occurred decoding the espg code urn:x-ogc:def:crs:EPSG:102100 No code "EPSG:102100" from authority "European Petroleum Survey Group" found for object of type "IdentifiedObject".
</ServiceException>
</ServiceExceptionReport>

I tried to add ESRI:102100 as a custom CRS to my Geoserver (by editing the epsg.properties file), but it adds it as EPSG:102100 which is not a valid epsg code according to the error message I'm getting. Anybody know how to get Geoserver to recognize ESRI:102100? Or, anybody know how to properly define a wms layer from a geoserver in ArcGIS Javascript API?

Answer 1

So I finally found the solution to this problem. You have to override the spatialReferences array of the WMSLayer object right before adding it to the map.

wmsLayer.spatialReferences[0] = 3857;
map.addLayers([wmsLayer]);

This worked with a layer using EPSG:3857 and another layer using ESPG:4326.