我如何将html Leafmap插入博客文章（Hugo网站）？

问题描述投票：0回答：1

我在R中创建了一个传单地图，并将其导出到网站的静态文件夹中。

我应该使用什么代码段（短代码）将html映射插入我的一篇博客文章？

我已经尝试过<iframe seamless src="/static/leaflet/leafmap.html" width="100%" height="500"></iframe>，但没有显示任何内容

顺便说一下，我想了解更多有关HTML和CSS编码来管理我的Hugo网站的信息（不是从头开始构建自己的网站），您对书或方法有何建议？同样，我喜欢数据可视化，并且D3 js看起来是一个不错的工具，我该如何从教学法上学习它？

感谢您的回答：)

html

d3.js

leaflet

hugo

1个回答

0
投票

[构建网站时，Hugo将“ leafMap.html”转换为“ leafMap / index.html”。因此，您只需要更改以下内容；

<iframe seamless src="/static/leaflet/leafmap.html" width="100%" height="500"></iframe>

到

<iframe seamless src="/static/leaflet/index.html" width="100%" height="500"></iframe>

以下博客文章对此提供了支持：https://waterdata.usgs.gov/blog/leaflet/

如果可以解决您的问题，请标记这是给定的答案。