Thanks for your continuos support.
I got that video, but having only the CAD data I haven't understood a crucial step that I understood looking at this one
https://youtu.be/dZE9USM6FH8
Here I discovered the step regarding Data Export Features that creates a new layer which is shareable as Feature Layer into Organization content.
Reached this point I created an Angular test application, but now I have the issue regarding how to load that feature layer as one of the map displyed in my web app.
This is the code I wrote:
import {
Component,
AfterViewInit,
ViewChild,
ElementRef,
Input,
} from '@angular/core';
import Config from '@arcgis/core/config';
import Map from '@arcgis/core/Map';
import MapView from '@arcgis/core/views/MapView';
import Zoom from '@arcgis/core/widgets/Zoom';
import BasemapToggle from '@arcgis/core/widgets/BasemapToggle';
import BasemapLayerList from '@arcgis/core/widgets/BasemapLayerList';
import FeatureLayer from '@arcgis/core/layers/FeatureLayer';
import TileLayer from '@arcgis/core/layers/TileLayer';
@Component({
selector: 'app-MapViewer',
templateUrl: './MapViewer.component.html',
styleUrls: ['./MapViewer.component.scss'],
})
export class MapViewerComponent implements AfterViewInit {
@ViewChild('mappa', { static: false }) viewNode: ElementRef;
map: Map;
mapView: MapView;
zoomControl: Zoom;
constructor() {}
@Input() lat?: number;
@Input() long?: number;
@Input() zoom?: number;
public addLayer(idItem: string) : void {
let layer = new FeatureLayer({
portalItem: {
id: idItem
}
});
this.map.add(layer, 0);
let basemapLayerList = new BasemapLayerList({
view: this.mapView,
});
// Adds the widget below other elements in the top left corner of the view
this.mapView.ui.add(basemapLayerList, {
position: 'bottom-left',
});
}
ngAfterViewInit() {
Config.apiKey =
'MY-API-KEY';
this.map = new Map({
basemap: 'satellite',
});
this.mapView = new MapView({
container: this.viewNode.nativeElement,
center: [this.long, this.lat],
zoom: this.zoom,
map: this.map,
ui: {
components: ['attribution'],
},
});
this.zoomControl = new Zoom({
view: this.mapView,
});
this.mapView.ui.add(this.zoomControl, 'top-right');
this.addLayer('MY-ORGANIZATION-ITEM-ID');
}
}
but no layer appears over the basemap.
MY-ORGANIZATION-ITEM-ID is the code I found into ArcGIS Online URL of the feature layer item:
