JavaScript ArcGIS Basemap用法及代碼示例

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

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

類： esri/Basemap

繼承: Basemap > Accessor

自從：用於 JavaScript 4.0 的 ArcGIS API

創建一個新的底圖對象。底圖可以從 PortalItem 或眾所周知的底圖 ID 創建，也可以用於創建自定義底圖。這些底圖可能是根據您發布到自己的服務器的切片服務或第三方發布的切片服務創建的。

// in this case the portalItem has to be a webmap
let basemap = new Basemap({
  portalItem: {
    id: "8dda0e7b5e2d4fafa80132d59122268c"  // WGS84 Streets Vector webmap
  }
});

// or create the basemap from a well known ID
Basemap.fromId("topo-vector");

// or create from a third party source
let basemap = new Basemap({
  baseLayers: [
    new WebTileLayer(...)
  ],
  referenceLayers: [
    new WebTileLayer(...)
  ],
});

為底圖使用動態服務時，應指定 MapView.constraints.lods 屬性。通過在此屬性中顯式設置lods 或通過TileInfo 類的create() 方法創建lods 來執行此操作。此方法用於創建具有 lods 預設屬性的新 TileInfo 實例。有關詳細信息，請參閱MapView SDK 文檔中的Zoom and LODs 部分。

// create a basemap from a dynamic mapserver
let basemap = new Basemap({
  baseLayers: [
    new MapImageLayer({
      url: "url to your dynamic MapServer",
      title: "Basemap"
    })
  ],
  title: "basemap",
  id: "basemap"
});

let map = new Map({
  basemap: basemap
});

// create a TileInfo instance using the default settings and
// pass its resulting LOD's to a MapView's constraints
// in this case, lods will match the ArcGIS Online web mercator LODs
let view = new MapView({
  container: "viewDiv",
  map: map,
  constraints: {
    lods: TileInfo.create().lods
  }
});

可以調用 Basemap 實例上的 when() 方法來執行隻能在加載 Basemap 後運行的進程。