Lopwon Footprint 使用文档

Lopwon Footprint 使用文档


版本型号:Lopwon Footprint
适用程序:Typecho
皮肤类型:页面模板
主题作者:Lopwon
作者博客:Lopwon.com
发布页面:Lopwon.com/lopwon-footprint.html
官方演示:我的足迹
网友案例:Young Yet Blog声迹(留言申请)

申请测试:已满额
我要购买:8元/人


功能说明

Lopwon Footprint 是独立页面的自定义模板(非主题)。主要依托百度地图开放平台,通过在已发布的文章中,添加使用自定义字段和标签,选择性的把想要标记的文章呈现在地图上(没有标记的文章不会出现在地图上),实现“我的足迹”效果,支持电脑端和移动端显示。


注意事项

Lopwon Footprint 的使用,需要满足以下条件:

1. 标记的博客文章标题中,没有使用半角的单引号,如 I'm。

2. 标记的博客文章内容中,前60字没有使用半角的单引号,如 I'm。也没有使用插入代码<code>功能。

3. 标记的博客文章附件中,最新上传的附件必须是图片。

4. 标记的博客文章公开度,需要选择“公开”。

模板更新

2022年02月20日 Lopwon Footprint 已经定版,只做 Bug 修复,不做更新。

2022年02月14日 发布测试版 Lopwon Footprint


使用方法

A 申请秘钥

Lopwon Footprint 的使用,需要先申请百度地图开放平台提供的免费API秘钥(AK)。

1. 访问百度地图开放平台(https://lbsyun.baidu.com/)注册后登陆“控制台”。

2. 应用管理》我的应用》创建应用,需要实名认证!

3. 除“应用类型”选择“浏览器端”外,其他可以默认。

4. 完成创建后,会生成一串API秘钥(AK)。

B 部署文件

1. 将压缩包里的文件 Lopwon_Footprint.php 中的“我的秘钥”(第26行内),替换为之前获取的(AK)。注意:是替换四个汉字,不是整行代码。

2. 将文件 Lopwon_Footprint.php 上传至目录 usr/themes 中的你的主题文件夹里。如:你的主题文件夹是 default,那么就上传至 usr/themes/default 里。

C 配置页面

后台》管理》独立页面》新增,新建独立页面,除以下提到的事项外,其余正常操作即可。

1. 此编辑页面右侧的“自定义模板”里,请选择“Lopwon Footprint”。

2. 此编辑页面右侧的“高级选项”,在“公开度”选择“隐藏”后,可将此页面的标题不展示在某些主题的分类菜单里。

D 添加标签

后台》管理》标签,新增标签,该标签将用于标记需要呈现在地图上的文章。

1. 标签名称,填入“我的足迹”。也可以自定义,在以下标记文章时,要使用该标签。

2. 标签缩略名,必须填入 footprint,乱填无效!

D 标记文章

后台》管理》文章,打开或新建你需要呈现在地图上的文章,除以下提到的事项外,其余正常操作即可。

1. 此编辑页面右侧的“附件”里,请上传你需要展示的图片,不需要插入“内容文本框”中。但是,最新上传的附件必须是图片。

2. 此编辑页面右侧的“标签”里,请新增“我的足迹”标签,或者是以上步骤(D 添加标签)中自定义的标签。

3. 此编辑页面下方的“自定义字段”里,请新增字段。见下(E 添加坐标)。

E 添加坐标

1. 访问拾取坐标系统(http://api.map.baidu.com/lbsapi/getpoint/index.html)获取坐标。

2. 在需要标记文章的自定义字段里新增字段,其中,字段名称必须填入 footprint,乱填无效!字段值填入之前获取的坐标。格式为(经度,纬度),例116.403963,39.915119

3. 注意:在按照以上方式添加坐标后,如果发现地图上并没有出现红色坐标图标(或表现为,地图位置总是跳到赤道几内亚),则说明数据库没有写入自定义字段的权限,导致前台输出的自定义字段 footprint 的坐标值为空。这时候可以参考压缩包 Readme.txt 文档中介绍的解决方案操作。

F 使用技巧

1)如何更改地图样式?

1. 访问百度地图开放平台(https://lbsyun.baidu.com/)登陆“控制台”。

2. 特色服务平台》个性化地图》新建,根据喜好自定义地图,发布样式后将获取样式ID,将此ID替换到文件  Lopwon_Footprint.php 中的“地图样式” styleId: '样式ID'(第160行内)。

2)如何默认加载卫星地图?

1. 搜索文件 Lopwon_Footprint.php 查找("container"),注意带有前后括号。

2. 替换为("container", {mapType: BMAP_SATELLITE_MAP}),注意带有前后括号。

  1. 可以增加支付宝的付款方式吗?
    微信不能截图扫码支付

    1. Lopwon Lopwon博主
      @ 康露依

      看到付款了,模板已发送。

  2. 点儿 点儿

    感觉又错过一个亿

    1. Lopwon Lopwon博主
      @ 点儿

      哈哈,下次来早

      1. 点儿 点儿
        @ Lopwon

        看到不能错过,已下手

        1. Lopwon Lopwon博主
          @ 点儿

          已发送。

  3. 雨停之後 雨停之後

    啊,来晚了么。

    1. Lopwon Lopwon博主
      @ 雨停之後

      还有一个名额。

      1. 雨停之後 雨停之後
        @ Lopwon

        好的,我申请下呀?

        1. Lopwon Lopwon博主
          @ 雨停之後

          已发送。

  4. Seven Seven

    主题有商业版的吗?

    1. Lopwon Lopwon博主
      @ Seven

      测试完后本月内发布正式版,付费使用。

  5. gzhhy gzhhy

    申请测试,本人20多年的程序员

    1. Lopwon Lopwon博主
      @ gzhhy

      已发送。

  6. 随望淡思 随望淡思小伙伴

    我博客也有一个类似的足迹地图,不过手工做的,简陋!也不具备通用性,没想到博主居然做成了Typecho插件,牛

    1. Lopwon Lopwon博主
      @ 随望淡思

      哈哈,发现最后效果和你的差不多,只是实现的方法可能不太一样。

  7. 寻梦xunm 寻梦xunm

    留言申请

    1. Lopwon Lopwon博主
      @ 寻梦xunm

      已发送。

T