Blogdown - 如何在 Hugo Academic 中使用 OSMap Tiles

Blogdown - How to use OSMap Tiles in Hugo Academic

我想知道是否有人知道如何使用 Blogdown 中的 Hugo Academic 主题更改 OS 地图图块,因为联系人地图使用 Leaflet,所以应该可以更改图块 URL,但我就是找不到它所在的位置。我发现更改地图类型的唯一方法是 config/_default/params.toml 中可用的标准选项,但我无法弄清楚它们将指令指向何处。

谢谢,

编辑:

这是我希望使用的磁贴服务器。

http://a.tile.openstreetmap.fr/hot/${z}/${x}/${y}.png

此处定义了 openstreetmap 瓦片:

https://github.com/gcushen/hugo-academic/blob/master/assets/js/academic.js#L276

围绕这些行,您还会看到其他地图图块提供商的一些示例。

告诉我们您要使用的提供商,以便我们向您展示集成该提供商的代码示例。

编辑:要通过 openstreetmap.fr 磁贴提供者使用 HOT 样式,请在 academic.js 的第 274 行和第 275 行之间添加以下内容:

} else if(map_provider == 4) { L.tileLayer('https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png', { maxZoom: 19, attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>' }).addTo(map); }

并在第 262 行的 params.toml 中设置 engine = 4