ArcGIS Web JS API“无效的门户项目类型‘地图服务’，应为‘网络地图’”

如何解决ArcGIS Web JS API“无效的门户项目类型‘地图服务’，应为‘网络地图’”

我想使用 ArcGIS Web API 显示位于 https://cartes.nicecotedazur.org/portal/apps/webappviewer/index.html?id=237a9574a4b34ffaba8754a61235e828 的地图。

我首先尝试使用 ArcGIS SandBox 显示它：https://developers.arcgis.com/javascript/latest/sample-code/sandbox/i

这是代码示例：

  require(["esri/views/MapView","esri/WebMap","esri/config"],function (
    MapView,WebMap,esriConfig
  ) {
    esriConfig.portalUrl = "https://cartes.nicecotedazur.org/portal/";
    var webmap = new WebMap({
      portalItem: {
        id: "b79f6b55f4a0427b8c32ba805fa6e71a"
      }
    });

    var view = new MapView({
      map: webmap,container: "viewDiv"
    });
  });

但是在加载这个错误信息时会在控制台中弹出：

"Invalid portal item type 'Map Service',expected 'Web Map'"

我没有找到任何引用此错误的文章

我尝试了两个不同的 ID：

• b79f6b55f4a0427b8c32ba805fa6e71a 是网络地图 ID
• 237a9574a4b34ffaba8754a61235e828 是在 url 中找到的 id

解决方法

这是您的实际代码吗？我看到的第一个问题是：

var view = new WebMap({
  map: webmap,container: "viewDiv"
});

应该是这个

var view = new MapView({
  map: webmap,container: "viewDiv"
});

因此，我收到了该资源的 CORS 错误。 Here's a codesandbox。我不确定这是不是因为我使用的是 CSB。我可以访问 layer json directly，这意味着您的设置是正确的。但这让我怀疑，如果您收到 CORS 错误，您可能需要set up a proxy。