JavaScript ArcGIS WebMap用法及代码示例

AMD: require(["esri/WebMap"], (WebMap) => { /* code goes here */ });

ESM: import WebMap from "@arcgis/core/WebMap";

类： esri/WebMap

继承: WebMap > Map > Accessor

自从：用于 JavaScript 4.0 的 ArcGIS API

将 WebMap 从 ArcGIS Online 或 ArcGIS Enterprise portal 加载到 MapView 中。它定义了 Web Map的内容、样式和书签，并且可以在多个 ArcGIS Web 和桌面应用程序之间共享。网络Map保存为 JSON 文档，ArcGIS API for JavaScript 通过WebMap 类可以轻松创建引人注目的 2D 应用程序。 JSON 文档是根据 webmap specification 编写的。尽管您可以轻松创建自己的 web Map，但您可以使用许多示例 webmaps in ArcGIS Online 来开始使用 API。您可以修改这些网络Map或向这些网络Map添加新内容。

要将 ArcGIS Online 中的 WebMap 加载到 MapView 中，您必须在此类的 PortalItem 属性中引用 web Map的 ID。

const webmap = new WebMap({
  portalItem: { // autocasts as new PortalItem()
    id: "e691172598f04ea8881cd2a4adaa45ba"
  }
});

要从 on-premise 门户加载 Web Map，请在 esriConfig.portalurl 中设置门户 URL。

esriConfig.portalUrl = "https://myHostName.esri.com/arcgis";

const webmap = new WebMap({
  portalItem: { // autocasts as new PortalItem()
    id: "f701172599f04ea8781de2a4adzz46ab"
  }
});

然后您必须在视图的map 属性中引用WebMap 实例。

const view = new MapView({
  map: webmap,  // The WebMap instance created above
  container: "viewDiv"
});