[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 日
如果觉得我的文章对你有用,请随意赞赏