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