I am also getting same issue and i tried with different different Id but map can not loaded and showing error:
My code is:
require([
"esri/views/MapView",
"esri/WebMap",
"esri/layers/FeatureLayer",
"esri/renderers/UniqueValueRenderer",
"esri/symbols/SimpleLineSymbol",
"esri/widgets/LayerList",
"dojo/query",
"bootstrap/Collapse",
"bootstrap/Dropdown",
"calcite-maps/calcitemaps-v0.3",
"dojo/dom",
"dojo/domReady!",
// Calcite Maps
"calcite-maps/calcitemaps-v0.10",
// Calcite Maps ArcGIS Support
"calcite-maps/calcitemaps-arcgis-support-v0.10"
], function (
MapView,
WebMap,
FeatureLayer,
UniqueValueRenderer,
SimpleLineSymbol,
LayerList,
query,
dom,
CalciteMaps,
CalciteMapArcGISSupport
) {
const layer = new FeatureLayer({
url: "https://services6.arcgis.com/KA88lzxweZ86kjDY/arcgis/rest/services/OBHareMap_WFL1/FeatureServer",
outFields: ["*"]
});
const webmap = new WebMap({
portalItem: { id: "fe0ae5ef40a94b5c82cd970ff5cba4a7" }
});
var mapView = new MapView({
container: "mapViewDiv",
map: webmap,
padding: { top: 25, bottom: 0 },
//center: [-118.80500,34.02700],
zoom: 13
});
mapView.then(function () {
var layerList = new LayerList({
view: mapView
});
mapView.ui.add(layerList, "top-right");
});
/// Get the screen point from the view's click event
mapView.on("click", function (event) {
var screenPoint = event.screenPoint;
// the hitTest() checks to see if any graphics in the view
// intersect the given screen point
mapView.hitTest(screenPoint)
.then(getGraphics);
});