Google Earth Engine（GEE）——“不听”unlisten()实现面板的“隐身”

此星光明

发布于 2024-02-02 08:09:59

950

发布于 2024-02-02 08:09:59

该unlisten()方法提供了删除在小部件上注册的回调函数的能力。这有助于防止触发只应发生一次或在某些情况下发生的事件。onClick() 或的返回值onChange()是一个 ID，可以传递给unlisten()它以使小部件停止调用该函数。要取消注册所有事件或特定类型unlisten()的事件，请分别调用不带参数或事件类型（例如 'click'或'change'）参数。以下示例演示unlisten()如何方便打开和关闭面板：

函数：

unlisten(idOrType)

删除回调。

Deletes callbacks.

Arguments:

this:ui.widget (ui.Widget):

The ui.Widget instance.

idOrType (String, optional):

在回调注册期间由 onEventType() 函数返回的 ID、事件类型或什么都没有。如果传递了 ID，则删除相应的回调。如果传递了事件类型，则删除该类型的所有回调。如果没有传递任何内容，则删除所有回调。

Either an ID returned by an onEventType() function during callback registration, an event type, or nothing. If an ID is passed, the corresponding callback is deleted. If an event type is passed, all callbacks for that type are deleted. If nothing is passed, all callbacks are deleted.

代码：

//创建一个面板，最初是隐藏的。
var panel = ui.Panel({
  style: {
    width: '400px',
    shown: false//这里显示是false
  },
  widgets: [
    ui.Label('Click on the map to collapse the settings panel.')
  ]
});

// 创建一个按钮以取消隐藏面板。
var button = ui.Button({
  label: 'Open settings',
  onClick: function() {
    // 隐藏按钮。
    button.style().set('shown', false);
    // 显示面板。
    panel.style().set('shown', true);

    // 暂时使地图单击隐藏面板并显示按钮。
    var listenerId = Map.onClick(function() {
      panel.style().set('shown', false);
      button.style().set('shown', true);
      // 面板隐藏后，地图不应尝试通过监听点击来关闭它。
      Map.unlisten(listenerId);
    });
  }
});

// 将按钮添加到地图并将面板添加到根。
Map.add(button);
ui.root.insert(0, panel);

最后结果：

首先展现出来的是两个按钮