README

为 Pico CMS 提供交互式地图。此插件基于 Leaflet，这是领先的移动友好型交互式地图的开源 JavaScript 库。此外，可以轻松添加标记、航路点和路线。

屏幕截图

安装

将来自 Github https://github.com/maloja/pico-leaflet 的文件复制到您的 Pico CMS 插件文件夹 plugins/PicoLeaflet。

或者直接在 plugins/PicoLeaflet 中从 Github 克隆

cd plugins
git clone https://github.com/maloja/pico-leaflet

或者，如果您使用 composer 安装了 Pico CMS

composer require maloja/pico-leaflet

使用方法

在您的 Markdown 文件中添加以下表达式。表达式将被相应的地图替换。

(% map:
	width = 400,
	height = 200,
	center = 0.00000 0.00000,
	zoom= 16,
	marker = 0.00 0.00 Add a text label,
	marker = 0.00 0.00 Add a text label,
	markerfile = "/path/to/the/markerfile.txt",
    gpxfile = "/path/to/the/trackfile.gpx",
%)

选项

width = nnn,: 地图的最大宽度。可以是像素值，也可以是页面宽度的百分比值，例如 50%。如果视口小于此大小，则地图将相应减小。默认为 100%
height = nnn,: 地图的高度（像素）。小于 1 的值被视为卡片宽度的比例。例如 0.75。默认为 300px。
center = lat lon,: 地图的初始地理中心。表示具有特定纬度和经度的地理点。默认为瑞士某地。
zoom = nn: 初始地图缩放级别。值越大，放大倍数越大。默认 10
marker = lat lon text,: 在地图上给定纬度/经度位置放置文本标记。此行可能多次出现，用于多个标记。
markerfile = "filename": 对于多个地图标记，标记也可以保存为文本文件。格式与单个标记相同。每行一个标记。标记文件行可以多次出现。
gpxfile = filename: 地图上也可以显示路线。数据必须是 GPX v1.0 或 GPX v1.1 格式。gpxfile 行可以多次出现。

添加 CSS id 或类

还可以根据 Markdown 语法添加 CSS id 或类。
示例

(% map ..... %){#id}
(% map ..... %){.class}

额外组件

此软件包包含以下 JavaScript 组件

maloja / pico-leaflet

维护者

详细信息

README

屏幕截图

安装

使用方法

选项

添加 CSS id 或类

额外组件