CORS Issue when trying to access Public featurelayers

[MohamedMezian1]

Hey

We're using the Arcgis Map on our website with the 4.xx arcgis Javascript library, imported into Angular.

Works on most maps but in some cases, while we are trying to load Public maps published by NOAA Office for Coastal Management  we are getting a Cors error. Did they voluntarily block external domains from importing their featurelayer? Isn't their map public, so free to import on other maps ? 

Thanks

[RickeyFight]

Mohamed Mezian‌

What layer are you trying to add? Are you using their rest/services? 

such as:

CoastalBarrierResourcesSystem (MapServer) 

[MohamedMezian1]

Thanks for your prompt answer. I've tried importing this layer :

    public imageLayers: ImageLayer[] = [{

        url: 'https://www.coast.noaa.gov/arcgis/rest/services/dc_slr/Flood_Frequency/MapServer',

        title: 'Coastal Flooding Frequency'

    }];

Thanks

[MohamedMezian1]

It works in localhost

[RickeyFight]

Mohamed Mezian‌

I am not proficient in Angular. 

Are you adding the layer properly? Is this layer an image layer?

how are you adding other layers to your map? Are you using an AGOL map? 

I was able to view the layer in a non angular map.

[Anonymous User]

Hi Mohamed Mezian,

I have bad experience with Angular cors issue error before and it's turn out working perfectly in dojo and jquery.

And found out Angular http get/post payload and different domain preflight check working differently from other js framework. But I didn't manage to fix that time.

So, You might want to try with normal dojo and figure out whether it is really cors issue or not.

[MohamedMezian1]

Thanks for your responses. What I don't get is other layers seem to load fine. And they work in localhost. 

I am thinking that perhaps they have restricted domain names.

[Anonymous User]

Hi Mohamed Mezian‌,

Check whether you are using in mixed mode (http/https) ?

Best Regards,

Than