topic Re: How to intercept and change image path when loading KML files (get around CORS) in ArcGIS JavaScript Maps SDK Questions

How to intercept and change image path when loading KML files (get around CORS)

JasonK — Tue, 14 Feb 2023 19:53:44 GMT

I am able to load kml/kmz files using KmlLayer of the v4.25 javascript SDK. The issue is some images within the KML cause CORS errors. I would like to programmatically update the image URL to a locally hosted copy of the image during kml layer load. I just can't determine where/how to find the images within the layer.

Code to load the layer:

let layer_KML_test: KmlLayer = new KmlLayer({

url: {public url to kml},

title: layerFile.name,

});

Error:

[esri.views.2d.engine.webgl.mesh.templates.WGLTemplateStore] s {name: 'mapview-invalid-resource', details: undefined, message: 'Could not fetch requested resource at https:…ages/modis_mod14/modis_prev_6_days_fire.png.'}

I want to change the path from:

https://fsapps.nwcg.gov/afm/data/kml/images/modis_mod14/modis_prev_6_days_fire.png

To:

https://{myappdomain.com}/images/modis_prev_6_days_fire.png

Re: How to intercept and change image path when loading KML files (get around CORS)

JoelBennett — Tue, 14 Feb 2023 20:13:34 GMT

It seems to me you could use esriConfig.request.interceptors to do this. If so, it would look something like:

require(["esri/config", function(esriConfig) { esriConfig.request.interceptors.push({ urls: "https://fsapps.nwcg.gov/afm/data/kml/images/", before: function(params) { params.url = "https://myServer/images" + params.url.substr(params.url.lastIndexOf("/")); return null; } }); });

Re: How to intercept and change image path when loading KML files (get around CORS)

JasonK — Tue, 14 Feb 2023 20:36:52 GMT

I think this is what I'm looking for. Thanks for the quick reply.