Add a Legend to LayerList

Note: Support for 3D on mobile devices may vary, view the system requirements for more information.

This sample demonstrates how to add a Legend widget instance to a LayerList widget. This is done by adding the legend string to the panel of the appropriate ListItem in the LayerList widget.

// Add a legend instance to the panel of a
// ListItem in a LayerList instance
const layerList = new LayerList({
  view: view,
  listItemCreatedFunction: function (event) {
    const item = event.item;
    item.panel = {
      content: "legend",
      open: true
view.ui.add(layerList, "top-right");

Sample search results