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; } } }

facing difficulties in displaying shape files larger than 2MB in size

vickylsdev

As my project demands handling shape files ranging from 100-200MB, but their have limitation that you can not upload upto 2MB shape file, this limitation poses a significant obstacle.can anyone please provide guidance on how to extend the size limit for shape files in the ArcGIS JavaScript API?

Find more posts tagged with

Accepted answers

All comments

Sage_Wall

Hi @vickylsdev ,

How are you adding the shapefile to the map? Shapefiles are not directly supported in the JavaScript SDK. Are you creating a client side feature layer? Could you please provide more information?

Without knowing all the details I would suggest publishing the shapefile as a hosted feature service on ArcGIS Online or ArcGIS Enterprise. https://doc.arcgis.com/en/arcgis-online/manage-data/publish-features.htm

vickylsdev

Thanks, I Hosted my shapefile as a hosted layer. now i am getting another error. Which is 403, unauthorized. I am just adding a layer. although i am owner of that particular layer and i am using owner API key as well. But i am not able to find out what is happening.

Thanks again for your help.

vickylsdev

Here are error and code:

<html>
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="initial-scale=1, maximum-scale=1, user-scalable=no"
    />
    <title>ArcGIS Maps SDK for JavaScript Tutorials: Add a feature layer</title>
    <style>
      html,
      body,
      #viewDiv {
        padding: 0;
        margin: 0;
        height: 100%;
        width: 100%;
      }
    </style>
    <link
      rel="stylesheet"
      href="https://js.arcgis.com/4.29/esri/themes/light/main.css"
    />
    <script src="https://js.arcgis.com/4.29/"></script>

    <script>
      require([
        "esri/config",
        "esri/Map",
        "esri/views/MapView",
        "esri/layers/FeatureLayer",
      ], function (esriConfig, Map, MapView, FeatureLayer) {
        esriConfig.apiKey =
          "API_KEY";

        const map = new Map({
          basemap: "arcgis/topographic",
        });

        const view = new MapView({
          container: "viewDiv",
          map: map,
          center: [35.0, 32.5],
          zoom: 7,
        });

        // Add the shapefile data as a feature layer
        var featureLayer = new FeatureLayer({
          url: "https://services3.arcgis.com/c58gtbRaAKUKM2Hf/arcgis/rest/services/roads/FeatureServer",
        });

        map.add(featureLayer, 0);
      });
    </script>
  </head>
  <body>
    <div id="viewDiv"></div>
  </body>
</html>

Sage_Wall

Is the API key from a stand alone developers account or from an ArcGIS Online account. Secured services can only be accessed with an API key from the stand alone pay as you go developers account. If the api key is from a developers account there is a ui in the configuration of the API key to allow access to specific portal items and services. With an ArcGIS Online or Enterprise account you need to set up the authentication in another way. The different authentication types are described here: https://developers.arcgis.com/javascript/latest/secure-resources/

vickylsdev

Hello Sage,

thank you for your help. we are able to create hosted layer but as we say we are quite confused how do we whitelist an Api key for specific users?
We are not seeing any option here. Also we are using free developer's account do we need to purchase anything for accessing hosted files using API,
also please let me know, if there is any other alternative way to access hosted maps.

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

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