https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/custom-dynamiclayer/m-p/1412276#M84379 <P>Can this method also be used to customize things like MapImageLayer to read MapServer?</P><LI-CODE lang="javascript"> const CustomWMSLayer = BaseDynamicLayer.createSubclass({ properties: { mapUrl: null, mapParameters: null }, // Override the getImageUrl() method to generate URL // to an image for a given extent, width, and height. getImageUrl: function (extent, width, height){ const urlVariables = this._prepareQuery(this.mapParameters, extent, width, height); const queryString = this._joinUrlVariables(urlVariables); return this.mapUrl + "?" + queryString; }, // Prepare query parameters for the URL to an image to be generated _prepareQuery: function (queryParameters, extent, width, height) { const wkid = extent.spatialReference.isWebMercator ? 3857 : extent.spatialReference.wkid; const replacers = { width: width, height: height, wkid: wkid, xmin: extent.xmin, xmax: extent.xmax, ymin: extent.ymin, ymax: extent.ymax }; const urlVariables = this._replace({}, queryParameters, replacers); return urlVariables; }, // replace the url variables with the application provided values _replace: (urlVariables, queryParameters, replacers) =&gt; { Object.keys(queryParameters).forEach((key) =&gt; { urlVariables[key] = Object.keys(replacers).reduce((previous, replacerKey) =&gt; { return previous.replace("{" + replacerKey + "}", replacers[replacerKey]); }, queryParameters[key]); }); return urlVariables; }, // join the url parameters _joinUrlVariables: (urlVariables) =&gt; { return Object.keys(urlVariables).reduce((previous, key) =&gt; { return previous + (previous ? "&amp;" : "") + key + "=" + urlVariables[key]; }, ""); } });</LI-CODE> Fri, 19 Apr 2024 14:21:54 GMT Wade 2024-04-19T14:21:54Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/custom-dynamiclayer/m-p/1412276#M84379 <P>Can this method also be used to customize things like MapImageLayer to read MapServer?</P><LI-CODE lang="javascript"> const CustomWMSLayer = BaseDynamicLayer.createSubclass({ properties: { mapUrl: null, mapParameters: null }, // Override the getImageUrl() method to generate URL // to an image for a given extent, width, and height. getImageUrl: function (extent, width, height){ const urlVariables = this._prepareQuery(this.mapParameters, extent, width, height); const queryString = this._joinUrlVariables(urlVariables); return this.mapUrl + "?" + queryString; }, // Prepare query parameters for the URL to an image to be generated _prepareQuery: function (queryParameters, extent, width, height) { const wkid = extent.spatialReference.isWebMercator ? 3857 : extent.spatialReference.wkid; const replacers = { width: width, height: height, wkid: wkid, xmin: extent.xmin, xmax: extent.xmax, ymin: extent.ymin, ymax: extent.ymax }; const urlVariables = this._replace({}, queryParameters, replacers); return urlVariables; }, // replace the url variables with the application provided values _replace: (urlVariables, queryParameters, replacers) =&gt; { Object.keys(queryParameters).forEach((key) =&gt; { urlVariables[key] = Object.keys(replacers).reduce((previous, replacerKey) =&gt; { return previous.replace("{" + replacerKey + "}", replacers[replacerKey]); }, queryParameters[key]); }); return urlVariables; }, // join the url parameters _joinUrlVariables: (urlVariables) =&gt; { return Object.keys(urlVariables).reduce((previous, key) =&gt; { return previous + (previous ? "&amp;" : "") + key + "=" + urlVariables[key]; }, ""); } });</LI-CODE> Fri, 19 Apr 2024 14:21:54 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/custom-dynamiclayer/m-p/1412276#M84379 Wade 2024-04-19T14:21:54Z