topic Re: Using FEMA rest end point in ArcGIS JavaScript Maps SDK Questions

Using FEMA rest end point

jaykapalczynski — Sat, 11 Dec 2021 17:25:55 GMT

I am trying to add FEMA map service

FEMA: Mapping Information Platform: NOPAGETAB_NFHLWMS

Index number 28 from above link.

I am doing this:

I know there is an scale of 50,000 but no matter my zoom it does not render in my map. I dont see any errors associated with this in the console

Thoughts?

var FloodZonelayer = new FeatureLayer("https://hazards.fema.gov/gis/nfhl/rest/services/public/NFHL/MapServer/28", {
    mode: FeatureLayer.MODE_SNAPSHOT,
    visible: true
});     
legendLayers.push({ layer: FloodZonelayer, title: 'Flood Zones' });



map.addLayers([FloodZonelayer]);
     
‍‍‍‍‍‍‍‍‍‍

Re: Using FEMA rest end point

RobertScheitlin__GISP — Wed, 13 Dec 2017 16:29:45 GMT

Jay,

FEMA seems to be having issue with that Map Service. All requests to it are failing.

Re: Using FEMA rest end point

jaykapalczynski — Wed, 13 Dec 2017 16:45:13 GMT

OK thank you....was confused because I could open the Rest Endpoint in Chrome and query it and return data in the browser

Re: Using FEMA rest end point

RobertScheitlin__GISP — Wed, 13 Dec 2017 16:51:19 GMT

Jay,

My queries have all failed and the links on the REST page to view the Map Service in the JS Viewer fail as well.

Re: Using FEMA rest end point

jaykapalczynski — Wed, 13 Dec 2017 16:55:47 GMT

Yea my query attempts are failing now as well....hmmmm..

OK at least I am not going crazy here...lol...Patience I guess

Re: Using FEMA rest end point

jaykapalczynski — Thu, 14 Dec 2017 19:14:54 GMT

Confused because I can view the layers here....I am copying the Rest EndPoint from this app and putting it in my JS app and it does not render.

Specifically Flood Hazard Zones - index 28

https://fema.maps.arcgis.com/home/webmap/viewer.html?webmap=cbe088e7c8704464aa0fc34eb99e7f30

Re: Using FEMA rest end point

RobertScheitlin__GISP — Thu, 14 Dec 2017 19:16:58 GMT

Jay,

Which layer in that web map?..

Re: Using FEMA rest end point

jaykapalczynski — Thu, 14 Dec 2017 19:18:45 GMT

index 28

Layer: Flood Hazard Zones (ID: 28)

it shows up in their app but fails when queried via the link above.

It renders here: https://fema.maps.arcgis.com/home/webmap/viewer.html?webmap=cbe088e7c8704464aa0fc34eb99e7f30

Re: Using FEMA rest end point

RobertScheitlin__GISP — Sat, 11 Dec 2021 17:25:58 GMT

Jay,

Here is a sample that shows the layer does work it is just slo.....w:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
<title>FeatureLayer</title>

<link rel="stylesheet" href="https://js.arcgis.com/3.23/esri/css/esri.css">
<script src="https://js.arcgis.com/3.23/"></script>

<style>
html, body, #map {
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
}
</style>

<script>
require([
    "esri/map",
    "esri/layers/FeatureLayer",
    "dojo/domReady!"
  ],
  function(
    Map,
    FeatureLayer
  ) {

    var map = new Map("map", {
      basemap: "gray",
      center: [-82.44109, 35.6122],
      zoom: 17
    });

    var featureLayer = new FeatureLayer("https://hazards.fema.gov/gis/nfhl/rest/services/public/NFHL/MapServer/28");

    map.addLayer(featureLayer);

  });
</script>
</head>

<body>
  <div id="map"></div>
</body>

</html>
‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: Using FEMA rest end point

jaykapalczynski — Thu, 14 Dec 2017 20:10:45 GMT

OK it seems to be working sort of...missing all the blue area in the water...

Are you seeing the blue in your app?

My App

FEMA's App

Re: Using FEMA rest end point

RobertScheitlin__GISP — Thu, 14 Dec 2017 20:15:37 GMT

Jay,

No I am not. Which leads me to say it is a service issue still.

Re: Using FEMA rest end point

jaykapalczynski — Thu, 14 Dec 2017 20:24:42 GMT

hmmmm...wondering why their's is so responsive and I am grabbing the same Service and mine is slow and not rendering everything....chalk it up to who knows I guess?

Re: Using FEMA rest end point

RobertScheitlin__GISP — Thu, 14 Dec 2017 20:38:05 GMT

Jay,

They are rendering as an ArcGISDynamicMapServiceLayer and you are using a FeatureLayer which is receiving all the geometry and rendering on the client where the ArcGISDynamicMapServiceLayer is rendered on the server and just an image is returned to the client.

Re: Using FEMA rest end point

jaykapalczynski — Sat, 11 Dec 2021 17:26:01 GMT

I do this and get this error about the GET request

var imageParameters = new ImageParameters();
ImageParameters.format = "jpeg"; //set the image type to PNG24, note default is PNG8.

var FloodZonelayer = new ArcGISDynamicMapServiceLayer("https://hazards.fema.gov/gis/nfhl/rest/services/public/NFHL/MapServer/28", {
"opacity" : 0.5,
"imageParameters" : imageParameters
});
legendLayers.push({ layer: FloodZonelayer, title: 'Flood Zones' });‍‍‍‍‍‍‍‍

Re: Using FEMA rest end point

RobertScheitlin__GISP — Sat, 11 Dec 2021 17:26:04 GMT

Jay,

Well you had a couple of issues in your code:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
<title>FeatureLayer</title>

<link rel="stylesheet" href="https://js.arcgis.com/3.23/esri/css/esri.css">
<script src="https://js.arcgis.com/3.23/"></script>

<style>
html, body, #map {
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
}
</style>

<script>
require([
    "esri/map",
    "esri/layers/ArcGISDynamicMapServiceLayer",
    "esri/layers/ImageParameters",
    "dojo/domReady!"
  ],
  function(
    Map,
    ArcGISDynamicMapServiceLayer,
    ImageParameters
  ) {

    var map = new Map("map", {
      basemap: "gray",
      center: [-82.44109, 35.6122],
      zoom: 17
    });

    var imageParameters = new ImageParameters();
    imageParameters.format = "PNG32"; //set the image type to PNG24, note default is PNG8.
    imageParameters.layerIds = [28];
    imageParameters.layerOption = ImageParameters.LAYER_OPTION_SHOW;

    var FloodZonelayer = new ArcGISDynamicMapServiceLayer("https://hazards.fema.gov/gis/nfhl/rest/services/public/NFHL/MapServer", {
      "opacity" : 0.5,
      "imageParameters" : imageParameters
    });
    map.addLayer(FloodZonelayer)

  });
</script>
</head>

<body>
  <div id="map"></div>
</body>

</html>
‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: Using FEMA rest end point

jaykapalczynski — Sat, 11 Dec 2021 17:26:06 GMT

First off hate how this site kicks you out every couple minutes....anoying...

Great....I was missing some parameters....this works great....got all the speed i was missing and all the layers.

I was referencing these example and did see the other parameters

ArcGIS API for JavaScript Sandbox

    var imageParameters = new ImageParameters();
    imageParameters.format = "PNG32"; //set the image type to PNG24, note default is PNG8.
    imageParameters.layerIds = [28];
    imageParameters.layerOption = ImageParameters.LAYER_OPTION_SHOW;