[tip type="green"]人生是一场旅途，足迹不可能踏遍整个世界，但走过的每一个地方都值得记录[/tip]

请输入图片描述

使用方法

一、下载源码
https://zhuanjiao.lanzouv.com/iEh7909jm7le"]
点击上方按钮，下载项目，解压到网站目录。
目录结构
红色框中的文件是必须要引入的内容。
绿色框中的文件是展示的地图。
index.html 中需要添加足迹位置和相关样式。

二、新建独立页面
请输入图片描述
后台->管理->独立页面，新建一个独立页面，填写如上图，重要填写在内容中，因为是html代码，所以需要前后添加三个!进行标识可以直接复制下方代码，替换自己的信息即可。

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

三、自定义
自定义内容主要在你解压的目录中的index.html中,备注给的十分详细。如图。
请输入图片描述

经纬度查询https://jingweidu.bmcx.com/
以上就是全部内容了，代码只是工具，和你爱的那个TA把地图都盖满印记吧。记录生活，热爱生活。

END
本文作者： 文章标题：typecho添加自己的旅行足迹
 本文地址：https://www.gxsnote.cn/99.html
 版权说明：若无注明，本文皆高先生笔记-满眼皆你.原创，转载请保留文章出处。
最后修改：2023-02-21
© 允許規範轉載
如果觉得我的文章对你有用，请随意赞赏