Edit feature data

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
  <script>
    /* when including ArcGIS REST JS all exports are available
  from the same arcgisRest global */
    /* Use for API key authentication */

    const accessToken = "YOUR_ACCESS_TOKEN";
    const authentication = arcgisRest.ApiKeyManager.fromKey(accessToken);

    // or

    /* Use for user authentication */
    // const authentication = await arcgisRest.ArcGISIdentityManager.beginOAuth2({
    //   clientId: "YOUR_CLIENT_ID", // Your client ID from OAuth credentials
    //   redirectUri: "YOUR_REDIRECT_URL", // The redirect URL registered in your OAuth credentials
    //   portal: "https://www.arcgis.com/sharing/rest" // Your portal URL
    // })

    // Replace the following with your own layer URL
    const featureServiceLayerUrl = "https://services3.arcgis.com/GVgbJbqm8hXASVYi/arcgis/rest/services/parcelsss/FeatureServer/0"; // Your feature layer URL should go here


    const featureToAdd = {
      attributes: {
        situshouse: "123",
        situsfract: "A",
        situsdirec: "N",
        situsunit: "Apt 4B",
        situsstree: "Main St",
        situsaddre: "123 Main St",
        situscity: "California",
        center_lat: 34.002,
        center_lon: -118.809,
        Shape__Area: 1000.5,
        Shape__Len: 500.3,
      },
      geometry: {
        rings: [
          [
            [-118.809, 34.002],
            [-118.809, 34.004],
            [-118.807, 34.004],
            [-118.807, 34.002],
            [-118.809, 34.002]
          ]
        ],
        spatialReference: {
          wkid: 102100
        }
      }
    };

    // begin by adding a new feature to the feature service layer,
    // then update its attributes,
    // and finally delete it from the layer
    arcgisRest
      .addFeatures({
        url: featureServiceLayerUrl,
        features: [featureToAdd],
        authentication
      })
      .then(handleAdded);

    function handleAdded(response) {
      console.log(response);
      document.getElementById("result-add").textContent = JSON.stringify(response, null, 2);

      if (!response.addResults[0].success) {
        // stop early if adding a new feature was not successful
        return;
      }

      // perform an update to feature attributes using the objectId of the newly added feature
      const featureToUpdate = {
        attributes: {
          FID: response.addResults[0].objectId,
          name: "new name",
          rating: "3"
        }
      };

      arcgisRest
        .updateFeatures({
          url: featureServiceLayerUrl,
          features: [featureToUpdate],
          authentication
        })
        .then(handleUpdated);
    }

    function handleUpdated(response) {
      console.log(response);
      document.getElementById("result-update").textContent = JSON.stringify(response, null, 2);

      if (!response.updateResults[0].success) {
        // stop early if updating the feature was not successful
        return;
      }

      // delete the feature using the objectId of the updated feature
      // NOTE: it is the same objectId provided in the response of `arcgisRest.addFeatures`
      const featureToDelete = [response.updateResults[0].objectId];

      arcgisRest
        .deleteFeatures({
          url: featureServiceLayerUrl,
          objectIds: [featureToDelete],
          authentication
        })
        .then(handleDeleted);
    }

    function handleDeleted(response) {
      console.log(response);
      document.getElementById("result-delete").textContent = JSON.stringify(response, null, 2);
    }

  </script>