Lopwon Here 使用文档

2022年09月05日

demo-lopwon-here.jpg

版本型号：Lopwon Here
适用程序：Typecho
皮肤类型：插件
插件作者：Lopwon
作者博客：Lopwon.com
发布页面：Lopwon.com/lopwon-here.html
许可方式：MIT
官方演示：Lopwon Here

插件说明

插件 Lopwon Here 的作用是：让你的 Typecho 博客显示文章内地图，可指定地图坐标，可指定显示位置。可以把你要标记的地点用地图的方式呈现出来。

插件更新

2023年08月02日 发布 Lopwon Here v1.2 优化功能代码。

2023年05月11日 发布 Lopwon Here v1.1 优化代码。

2022年09月06日 发布 Lopwon Here
使用方法

A 部署文件

1. 将压缩包里的文件夹 LopwonHere 及其内部的所有文件，上传至目录 usr/plugins 中。

2. 后台》控制台》插件，找到 Lopwon Here 并启用。

B 申请秘钥

Lopwon Here 的使用，需要先申请百度地图开放平台提供的免费API秘钥（AK）。

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

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

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

4. 完成创建后，会生成一串API秘钥（AK）。

C 配置插件

后台》控制台》插件，找到 Lopwon Here 并设置，填入之前获取的API秘钥（AK），其他选项依喜好配置。

D 插入地图

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

1. 此编辑页面左侧的“内容文本框”中，在合适位置插入带有半角括号的 here 即 (here)

2. 此编辑页面下方的“自定义字段”里，请新增字段。见下（E 添加坐标）。

E 添加坐标

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

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

F 使用技巧

1. 如何自定义标注点图标？打开文件 Plugin.php 找到以下代码：


    var marker = new BMapGL.Marker(new BMapGL.Point(<?php $baidu->fields->here(); ?>));


将以上代码替换为以下代码：


    var myIcon = new BMapGL.Icon("图标链接", new BMapGL.Size(32, 32));
    var pt = new BMapGL.Point(<?php $baidu->fields->here(); ?>);
    var marker = new BMapGL.Marker(pt, {icon: myIcon});    


请将以上代码中的（图标链接）替换为自定义的图标链接，其中，BMapGL.Size(32, 32) 里的数字为图标长和宽像素值，可以自行修改。

This is a message

store