Lopwon Roadmap 使用文档

08月16日

demo-lopwon-roadmap.jpg

版本型号：Lopwon Roadmap
适用程序：Typecho
皮肤类型：页面文件
插件作者：Lopwon
作者博客：Lopwon.com
发布页面：Lopwon.com/attachment/3777/
许可方式：自用功能，不做分享。
官方演示：Lopwon Roadmap

功能说明

将坐标数据，以参数配置的方式，生成矢量的 SVG 路线图，不依赖任何组件和 API 接口，可以用于展示骑行路线、徒步路线、旅行路线、拍摄路线等等，可以为坐标名称添加链接跳转，如果进一步扩展，还能实现更多的交互功能。

文件更新

2024年08月15日 发布 Lopwon Roadmap

使用方法

A 部署文件

1. 将压缩包里的文件 *.js 和 *.js 上传至目录 usr/themes 中的你的主题文件夹里。

B 配置文件

1. 打开文件 *.js 自定义坐标数据及参数配置。

C 插入图示

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

1. 此编辑页面左侧的“内容文本框”中，在合适位置插入以下格式内容：


    <span class="roadmap"><svg id="svg-id"></svg></span>


2. 其中，svg-id 与 *.js 配置 id 匹配。

D 使用技巧

1. 待补充……
store