polygons overlapping point feature layers in html

JaredPilbeam2 — Fri, 10 Dec 2021 20:36:56 GMT

I'm working on an app with a few feature layers. There are points (attractions) and polygons (preserves). Why do the polygons overlap the points? Image:

It doesn't seem to deal with the order of the feature layers in the <script>:

 //add attraction feature layer
                var attractions = new FeatureLayer({
                    url: "https://services.arcgis.com/fGsbyIOAuxHnF97m/arcgis/rest/services/Attractions/FeatureServer/0?token=FRQ3ta_CoBnz3s5xOY8Q649k62CGCo1FxjRhLn9ptI2ANN03ld5Yma2vHGf8MbovDnGjE6VxpTJ7kAShDHjSAeJiuFhGiZVTT1yC6oogNPkfeKqroE1drY-84jmqnKHcEtgY_WjYeIa-RAftHdlO-OgqDvMQSwElQzVkI_GjsXViudg4DHApFmxlp3RoYngYH5kYH3qXcVSAU6Qhp-DgciW_ZvfWalpE1IJsB2b6eKO1bdGdPibKtQUJoGuqFbs_",
                    id: "attractions",
                    zoom: 2,
                });
                //add will county boundary
                var boundary = new FeatureLayer({
                    url: "http://services.arcgis.com/fGsbyIOAuxHnF97m/arcgis/rest/services/Will_County_Boundary/FeatureServer/0?token=6vBDftNXDqbaZH6fbfhuDCeGkJFaWMSEPaeYDt6PbDBfVacnSMMD7PZS3QeCW6mDqgSFMK0tRjMyJyrxDPQ3rcjTNUCFpi0pfpU_mFLoKXGlT5FTGTPH3GjMqL9iQCqh9_ihX8D1-DQ5N_ptC-ic9bKeDLjqU2xQOv8wIRPjX5VwrtsQz_ltdanO49SVPaJ8F7EN6qWZMgvFw9V0iBbV4Iu0khjfjhuswBNzhjJa3I6q0epaze9AsPRVvVXJ5wik",
                    id: "boundary",
                    zoom: 1,
                });
                //add Rt 66
                var rt66 = new FeatureLayer({
                    url: "https://services.arcgis.com/fGsbyIOAuxHnF97m/arcgis/rest/services/Will_County_Tourist_Attractions/FeatureServer/1?token=Bj40q7dvc09lhoMxvDc_YHICLyf8Sz-HYSQ-n4lP4f4CGm3JaITUY0Tm7FnhhXcDel7W4rzUoKt1jDqw5CZGaEAQgq3IfUGez171nOzq5UlHAX5xQqWiV5BC3eUbd02xjimDX7VzJh8Z6muNPIep3iy1uZKfURjQ-Pdi5bbuF1p2DtffTsnOYCpNsyRX8SraieLTqxpm-2L6TdzRrUt2B6V48kzXcrQQz6uGDiUrBycc0GL0K94QiUmKwJNUxDXB",
                    id: "rt66",
                    zoom: 1,
                });
                //add Canal
                var canal = new FeatureLayer({
                    url: "https://services.arcgis.com/fGsbyIOAuxHnF97m/arcgis/rest/services/Will_County_Tourist_Attractions/FeatureServer/7?token=hhHLfbTFMO4xFbknwKCPflTqPD9RL5itP3d986PoOep4vUpYx5a27DnJ2PlFrPNXbkh_ytENT0SON4tQmlnxh7kiIqS10xkmfylm7IjTE9g5zah3TAe3XNEV6PxrN2jyU42SX0CF-7EABZGhODoFvu9K8wMQnAH5-2iJ26SmD68z2De_aXWT8EOjwAt6jBPV_BF9P031hxa8ei_rYDM126rHh_B7lPwoD8WjuVTp67qZyo3EdCKcuv1fsKG7g70M",
                    id: "canal",
                });
                //add FPDWC preservs
                var preserves = new FeatureLayer({
                    url: "https://services.arcgis.com/fGsbyIOAuxHnF97m/arcgis/rest/services/Will_County_Tourist_Attractions/FeatureServer/2?token=iVy9SWuGGAelNxz-bZrVvaE5FG3S_FfugVidwyINuh_XgsPUhM_W_XO3f75zJDIN2J2f6D0b7fMbjd2zl08NAghPxjZiD4RZGapZajL_nNMp2xoCxB77LDk201BkOMwnEmOIv10EexpqjR_rV713GK7Jw19qB4SkKkWj6sKBOM0bKxo78fc6znY--QIvtegGrigwViKjxyIB17sGxXswV62xOKkYpX96s37oGaKqRNX7EzG4IUmTXA8mQfb9W4S4",
                    id: "preserves",
                });
                //functions
                map.add(featureLayer);
                map.add(attractions);
                map.add(boundary);
                map.add(rt66);
                map.add(canal);
                map.add(preserves);
            });
    </script>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

I suspect it has to do with the hosted feature layers back in AOL. The attractions feature layer was created from a CSV file, while the other feature layers were uploaded to AOL in a FGDB.

Re: polygons overlapping point feature layers in html

RobertScheitlin__GISP — Fri, 28 Sep 2018 17:17:10 GMT

Jared,

Order absolutely matters and using addMany is a better fit for your scenario:

map.addMany([preserves, canal, rt66, boundary, attractions]);‍

Re: polygons overlapping point feature layers in html

JaredPilbeam2 — Fri, 10 Dec 2021 20:36:58 GMT

Thanks Robert.

The order of your variables seems the wrong way round, but it did the trick! I tried this order and it didn't change anything:

map.addMany([attractions, boundary, rt66, canal, preserves]);

‍‍

Re: polygons overlapping point feature layers in html

RobertScheitlin__GISP — Fri, 28 Sep 2018 18:14:15 GMT

Jared,

You have to think of it as layering if the first thing you add is the attractions then the following layer will be added on top of that layer. The last to be added it on top.

topic Re: polygons overlapping point feature layers in html in ArcGIS JavaScript Maps SDK Questions

polygons overlapping point feature layers in html

Re: polygons overlapping point feature layers in html

Re: polygons overlapping point feature layers in html

Re: polygons overlapping point feature layers in html