个人博客网站添加旅行足迹 第5张插图

人生是一场旅途，足迹不可能踏遍整个世界，但走过的每一个地方都值得记录
红色框中的文件是必须要引入的内容。
绿色框中的文件是展示的地图。
index.html 中需要添加足迹位置和相关样式。
个人博客网站添加旅行足迹 第6张插图

调用代码

<iframe style="max-width: 100%"
frameborder="no"
border="0"
marginwidth="0"
marginheight="0"
width="100%"
height="300px"
src="https://你的网址/刚刚解压的文件夹名称/">
</iframe>

自定义内容主要在你解压的目录中的index.html中,备注给的十分详细。如图。
个人博客网站添加旅行足迹 第7张插图

以上就是全部内容了，代码只是工具，和你爱的那个TA把地图都盖满印记吧。记录生活，热爱生活。