带有图层选择的传单添加/删除图例

Question

我是 Leaflet/JavaScript 的新手，一直在努力为图例获取地图，以便仅在从图层控件中选择特定图层时显示。我有三层，其中一层我想没有图例，另外两层有相应的图例。我遇到了一个示例，但无法使其工作：

// Add and remove legend from layers
  map.on('overlayadd', function (eventLayer) {
  // Switch to the Permafrost legend...
  if (eventLayer.name === 'Permafrost') {
    this.removeControl(legend1);
    legend2.addTo(this);
  } else { // Or switch to the treeline legend...
    this.removeControl(legend2);
    legend1.addTo(this);
}});

我用具体的例子创建了一个jsfiddle：

http://jsfiddle.net/gerlis/T8DHb/3/

任何指导将不胜感激。

Answer 1

您的代码只需要几处更改。工作小提琴： http://jsfiddle.net/T8DHb/8/

当你改变基础层时，即使触发的不是'overlayadd'，它是'baselayerchange'：

map.on('baselayerchange', function (eventLayer) {

您应该只添加要为默认基础图层显示的图层。我添加了 PermaFrost。

此外，您应该只在地图中添加您想要使用默认基础层的图例。