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: '© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
}).addTo(map);
}
并在第 262 行的 params.toml 中设置 engine = 4
。
我想知道是否有人知道如何使用 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: '© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
}).addTo(map);
}
并在第 262 行的 params.toml 中设置 engine = 4
。