ArcGIS JavaScript API 中的图例加载事件

Question

我正在研究 arcgis 地图 JavaScript API，我想显示带有关闭图标的地图图层图例，但我无法找到图例加载事件来显示相同​​的内容。图例和关闭图标如下图所示。enter image description here

Answer 1

您可以使用图例小部件的container 属性将其添加到mapview.ui 后访问图例小部件的dom 节点。

以下脚本取自sample demo

require([
    "esri/views/MapView",
    "esri/widgets/Legend",
    "esri/WebMap"
  ], function(MapView, Legend, WebMap) {
    var webmap = new WebMap({
      portalItem: {
        // autocasts as new PortalItem()
        id: "4abe6a830b8f466dacf8abfde567a781"
      }
    });

    var view = new MapView({
      container: "viewDiv",
      map: webmap
    });

    view.when(function() {
      // get the first layer in the collection of operational layers in the WebMap
      // when the resources in the MapView have loaded.
      var featureLayer = webmap.layers.getItemAt(0);

      var legend = new Legend({
        view: view,
        layerInfos: [
          {
            layer: featureLayer,
            title: "NY Educational Attainment"
          }
        ]
      });

      // Add widget to the bottom right corner of the view
      view.ui.add(legend, "bottom-right");

      //Now you can access the legend domNode and add a close button
      console.log(legend.container)
    });
  });