使用LeafletJS在Openstreetmap中将地图语言设置为英语

Question

我正在使用LeafletJS将地图组件添加到我的应用程序中.除了地图的本地化,一切都很好,花花公子.一些国家名称以当地语言显示(我假设).

有没有办法用英文显示国家/地区名称？

这是我使用的当前代码

L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
                attribution : '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors',
                noWrap      : true 
}).addTo(map);

Answer 1

OSM的标准磁贴服务器尝试在可用时显示本地语言的标签(本地意味着当前显示的国家/ 地区的语言,而不是您的本地语言).该砖由砖服务器提供服务,已经包含了标签,所以你不能事后删除它们.但是你可以:

• 使用调整后的样式表自行渲染它们(需要合适的硬件),或者
• 使用没有标签的瓷砖并创建标签覆盖
• 尝试查看是否有不同的磁贴服务器只显示英文标签.例如,open mapquest具有基于OSM数据的切片,其中所有标签都是英文的.
• OSM维基中的地图国际化还有一些例子

并始终记住遵守您选择的磁贴服务器的磁贴使用策略.

Answer 2

您需要做的就是使用底图而不是 openstreetmap

const mainLayer = L.tileLayer('https://{s}.basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}.png', {
  minZoom: 3,
  maxZoom: 17,
  attribution: '&copy; <a href="https://carto.com/">carto.com</a> contributors'
});
mainLayer.addTo(this.map);

Answer 3

对于德语​

您可以使用这个德国瓷砖服务器：https://{s}.tile.openstreetmap.de/tiles/osmde/{z}/{x}/{y}.png。

L.tileLayer('https://{s}.tile.openstreetmap.de/tiles/osmde/{z}/{x}/{y}.png', {
  ...
})
...