如何通过键盘激活（选中）指定的Leaflet图层？

嘿，完全懂你的需求——不用移光标、不用挪视线，直接按快捷键切换图层确实能大幅提升效率！其实Leaflet里实现这个并不复杂，我给你一步步拆解：

第一步：先把图层存为可访问的变量 #

首先你得把要切换的图层提前定义成全局（或者在你的函数作用域内可访问）的变量，这样后续才能直接调用它们：

// 示例：定义两个瓦片图层，你可以换成自己的图层类型（比如GeoJSON、LayerGroup）
const layerOSM = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
  attribution: '© OpenStreetMap contributors'
});
const layerSatellite = L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}', {
  attribution: 'Tiles © Esri — Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community'
});

// 初始化地图，默认添加其中一个图层
const map = L.map('map').setView([51.505, -0.09], 13);
layerOSM.addTo(map);

第二步：写一个切换图层的核心函数 #

你可以封装一个switchToLayer函数，负责移除当前显示的目标图层（比如只切换瓦片层，保留标记、矢量层等），并激活你想要的图层：

function switchToLayer(targetLayer) {
  // 遍历地图上所有图层，移除同类的其他图层（这里以瓦片层为例）
  map.eachLayer(function(layer) {
    // 只移除瓦片图层，避免误删标记、弹窗等其他图层
    if (layer instanceof L.TileLayer) {
      map.removeLayer(layer);
    }
  });
  // 添加目标图层到地图
  map.addLayer(targetLayer);
}

如果你的图层是用L.Control.Layers管理的，也可以直接遍历你定义的基础图层集合来切换，这样更精准：

// 先定义图层控制器的基础图层集合
const baseLayers = {
  "OpenStreetMap": layerOSM,
  "Satellite": layerSatellite
};
L.control.layers(baseLayers).addTo(map);

// 优化后的切换函数
function switchToLayer(targetLayer) {
  // 隐藏所有非目标的基础图层
  Object.values(baseLayers).forEach(layer => {
    if (layer !== targetLayer) {
      map.removeLayer(layer);
    }
  });
  // 显示目标图层
  map.addLayer(targetLayer);
}

第三步：绑定快捷键触发切换 #

最后给数字键绑定keydown事件，按下对应按键就调用切换函数：

document.addEventListener('keydown', function(e) {
  // 避免在输入框、文本域中触发快捷键
  if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA') return;

  // 按1切换到OpenStreetMap
  if (e.key === '1') {
    e.preventDefault(); // 阻止默认行为（比如页面滚动、输入字符）
    switchToLayer(layerOSM);
  }
  // 按2切换到卫星图层
  else if (e.key === '2') {
    e.preventDefault();
    switchToLayer(layerSatellite);
  }
  // 可以继续添加3、4等按键的逻辑
});

一些额外提示 #

• 如果你的图层不是瓦片层，比如L.GeoJSON或者L.LayerGroup，只需要把instanceof L.TileLayer换成对应的图层类型即可。
• 要是怕快捷键冲突，可以组合按键，比如Ctrl+1，判断e.ctrlKey && e.key === '1'就行。

内容的提问来源于stack exchange，提问作者user9571941