如何在传单中使用事件叠加层？答案

【问题标题】：How can I use the event overlayadd layers in leaflet?如何在传单中使用事件叠加层？
【发布时间】：2019-12-04 05:13:03
【问题描述】：

我在传单活动中遇到问题。我想使用这个事件：[link]https://leafletjs.com/reference-1.6.0.html#map-overlayadd这个事件覆盖添加（通过图层控件选择覆盖时触发）。

我希望通过图层控件选择任何图层时将图层名称保存在 var Name 中。我怎么能这样？我有 3 层。

【问题讨论】：

标签： javascript event-handling leaflet dom-events

【解决方案1】：

var name;
map.on('overlayadd', function(e){
   name = e.name;
   console.log(name);
})

【讨论】：

虽然此代码可能会回答问题，但提供有关 why 和/或如何此代码回答问题的附加上下文可提高其长期价值.

【解决方案2】：

此代码对我有用。感谢 Falke Design。

对于基础层：

var SelectedLayer='OSM';  // default value 
map.on('baselayerchange', function(eo) {
  if (eo.name === 'ge3') {
    SelectedLayer='ge3';}
  if (eo.name === 'ge2') {
    SelectedLayer='ge2';

  } else if (eo.name !== 'ge2' && eo.name !== 'ge3' ) {
    SelectedLayer=eo.name;
  }
  console.log('SelectedLayer>>>>>>>>>>>>>>',SelectedLayer);
});

对于叠加层：

var name;
map.on('overlayadd', function(e){
   name = e.name;
   console.log(name);
})

【讨论】：