【问题标题】:Blogdown - How to use OSMap Tiles in Hugo AcademicBlogdown - 如何在 Hugo Academic 中使用 OSMap Tiles
【发布时间】:2020-03-22 23:51:38
【问题描述】:

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

谢谢,

编辑:

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

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

【问题讨论】:

    标签: openstreetmap hugo blogdown


    【解决方案1】:

    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); }

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

    【讨论】:

    • 谢谢。我找到了academic.js 文件并编辑了我的问题以包含磁贴服务器
    • 我已经更新了答案,包括在 HUGO 学术主题中使用 openstreetmap.fr 中的 HOT 磁贴的说明。
    • 感谢您的更新。不幸的是,当我添加它时,它返回了一张空白地图 - 我是否正确假设这是因为无法使用这个特定的图块,我应该使用不同的图块?
    • 这些图块应该是可用的。您是否在控制台中看到任何 Javascript 错误?
    • 我的错 - 它只需要重新启动并且一切正常。感谢您的帮助
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-12-04
    • 2019-05-03
    • 1970-01-01
    • 2022-01-18
    • 2020-05-26
    • 2019-04-14
    • 1970-01-01
    相关资源
    最近更新 更多