nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

How to determine best esri layer type for given data?

EricBianchi1

Hello,

I am trying to implement the following rest endpoint data:

http://arcgis-central.gis.vt.edu/arcgis/rest/services/vtcampusmap/ParkingSpaces/MapServer

Onto my basemap. I would like to do this through ArcGIS java script. I thought that I was following all the steps correctly that I found on Feature Layer (basic) | ArcGIS API for JavaScript , but it does not want to show up.

I am thinking it could be a problem with the type of layer that I am calling it? For example, it may need to be ArcGISgraphiclayer instead of FeatureLayer or something like that.

Maybe it is something entirely different, but I can't understand why it is not working.

My code is attached.

Trial2.2.txt.zip

Najděte více příspěvků označených jako

Accepted answers

RobertScheitlin__GISP

Eric,

You had a couple of issue in your code:

Your basemap choice of "osm" does not work for your min scale on your parking spaces layer.
You had your maps zoom set to 16 and your layers min scale of 2100 would not show until a zoom of 19,
And the most important is that you were using FeatureLayer and not specifying a specific layer id in the url.

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="http://js.arcgis.com/3.16/esri/css/esri.css">
    <link rel="stylesheet" href="https://js.arcgis.com/3.16/dijit/themes/claro/claro.css">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <script src="http://js.arcgis.com/3.16/"></script>
    <title></title>
    <style>
        html,
        body,
        #mapDiv {
          padding: 0;
          margin: 0;
          height: 100%;
        }
    </style>
    <script>
      require(["esri/map", "esri/layers/FeatureLayer", "dojo/domReady!"],
        function(Map, FeatureLayer) {
          var map = new Map("mapDiv", {
            center: [-80.4178, 37.23],
            zoom: 19,
            basemap: "streets"
          });
          var featureLayer = new FeatureLayer("http://arcgis-central.gis.vt.edu/arcgis/rest/services/vtcampusmap/ParkingSpaces/MapServer/0");
          map.addLayer(featureLayer);
      });
    </script>
</head>

<body class="claro">
  <div id="mapDiv"></div>
</body>

</html>

All comments

EricBianchi1

Thank you,

Does AND do anything, or is it always "OR"?

Eric

On Sun, Apr 10, 2016 at 4:47 PM, Robert Scheitlin, GISP <geonet@esri.com>

RobertScheitlin__GISP

Eric,

When a reply has answered your question you should click on the "correct answer" link on that reply to close the question.

EricBianchi1

Thank you!

This was extremely helpful. Yes point three was definitely the most critical.

Yes the zoom was set out as far as it was becuase we are going to change the extents on the feature layer to accommodate a smaller zoom level.

Much appreciated,

Eric Bianchi

RobertScheitlin__GISP

Eric,

You had a couple of issue in your code:

Your basemap choice of "osm" does not work for your min scale on your parking spaces layer.
You had your maps zoom set to 16 and your layers min scale of 2100 would not show until a zoom of 19,
And the most important is that you were using FeatureLayer and not specifying a specific layer id in the url.

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="http://js.arcgis.com/3.16/esri/css/esri.css">
    <link rel="stylesheet" href="https://js.arcgis.com/3.16/dijit/themes/claro/claro.css">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <script src="http://js.arcgis.com/3.16/"></script>
    <title></title>
    <style>
        html,
        body,
        #mapDiv {
          padding: 0;
          margin: 0;
          height: 100%;
        }
    </style>
    <script>
      require(["esri/map", "esri/layers/FeatureLayer", "dojo/domReady!"],
        function(Map, FeatureLayer) {
          var map = new Map("mapDiv", {
            center: [-80.4178, 37.23],
            zoom: 19,
            basemap: "streets"
          });
          var featureLayer = new FeatureLayer("http://arcgis-central.gis.vt.edu/arcgis/rest/services/vtcampusmap/ParkingSpaces/MapServer/0");
          map.addLayer(featureLayer);
      });
    </script>
</head>

<body class="claro">
  <div id="mapDiv"></div>
</body>

</html>

Připojte se k diskusi

Přihlášení členové mohou přispívat, sledovat aktualizace a další. Jste tu noví? Zaregistrujte si bezplatný účet.

Rychlé odkazy

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.