JavaScript ArcGIS Map用法及代碼示例

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

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

類： esri/Map

繼承: Map > Accessor

子類： WebMap , WebScene

自從：用於 JavaScript 4.0 的 ArcGIS API

Map 類包含用於存儲、管理和覆蓋 2D 和 3D 查看所共有的圖層的屬性和方法。可以在Map中添加和刪除圖層，但通過 MapView(用於查看 2D 數據)或 SceneView(用於查看 3D 數據)進行渲染。因此，Map實例是一個保存圖層的簡單容器，而View 是顯示Map圖層和底圖並與之交互的方式。

一個Map可以被多個視圖引用。例如，This sample 包含一個Map，該Map在兩個單獨的視圖中可見 - 一個在 2D 中，另一個在 3D 中。因為同一個應用程序中的多個視圖可以訪問一個Map，所以與Map圖層的所有用戶交互都在 View 上處理，而不是在Map上。

Map 的實例是 MapView 和 SceneView 的重要組成部分。應在視圖之前創建 Map 對象，以便可以將其傳遞到該視圖的 map 屬性(例如 MapView.map 、 SceneView.map )。

// Load the Map and MapView modules
require(["esri/Map", "esri/views/MapView"], function(Map, MapView) {
  // Create a Map instance
  const myMap = new Map({
    basemap: "streets-vector"
  });
  // Create a MapView instance (for 2D viewing) and reference the map instance
  const view = new MapView({
    map: myMap
  });
});