如何在Leaflet.js中使用OpenRailwayMap瓦片图层？

完全可行，只需替换你当前使用的OpenStreetMap瓦片配置即可，具体修改如下：

核心修改点 #

• 替换瓦片服务URL为OpenRailwayMap的地址：https://{s}.tiles.openrailwaymap.org/standard/{z}/{x}/{y}.png
• 更新版权声明（attribution），需包含OpenRailwayMap的版权信息

修改后的完整初始化代码 #

function initMap(): L.Map {
  map = L.map(mapContainerRef.value).setView(center, zoom)
  
  // 使用OpenRailwayMap标准样式瓦片
  L.tileLayer('https://{s}.tiles.openrailwaymap.org/standard/{z}/{x}/{y}.png', {
    attribution: '© OpenStreetMap contributors, © OpenRailwayMap'
  }).addTo(map)
  
  map?.on('zoomend', onZoomed)
  return map
}

可选样式说明 #

OpenRailwayMap提供多种瓦片样式，你可以通过修改URL中的standard字段切换：

• maxspeed：显示限速信息
• signals：显示信号系统
• electrified：显示电气化区段

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