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"
});