Integrating Custom API Data inFeatureTable

JeyaSurya — Tue, 14 May 2024 05:54:04 GMT

How can I add my own data from a custom API into the Feature Table in my ArcGIS map application?

I'm currently developing a React application utilizing ESRI's ArcGIS API for JavaScript to display maps and interact with feature layers. Here's a simplified version of my component

import { Box } from '@mui/material' import React, { useEffect } from 'react' import { loadModules } from 'esri-loader' export default function Home() { useEffect(() => { loadModules(['esri/WebMap', 'esri/views/MapView','esri/layers/FeatureLayer', 'esri/widgets/FeatureTable',], { css: true }) .then(([WebMap, MapView,FeatureLayer, FeatureTable,]) => { let webmap = new WebMap({ portalItem: { id: '' //webmap id } }) let view = new MapView({ container: 'viewDiv', map: webmap }) view.when(() => { const featureLayer = new FeatureLayer({ portalItem: { id: '' //feature layer id }, outFields: ['*'], title: 'Customer' }) webmap.add(featureLayer) const featureTable = new FeatureTable({ view: view, layer: featureLayer, multiSortEnabled: true, editingEnabled: true, tableTemplate: { columnTemplates: [ // Column template configurations ] }, container: 'tableDiv' }) view.ui.add(featureTable, 'bottom') }) }) .catch(error => { console.error('Error loading modules:', error) }) }, []) return ( <Box> <Box id='viewDiv' sx={{ flex: '1', width: '100%' }}></Box> <Box id='tableDiv' sx={{ flex: '1', width: '100%' }}></Box> </Box> ) }

topic Integrating Custom API Data inFeatureTable in ArcGIS Pro Questions

Integrating Custom API Data inFeatureTable