VictorMLima98/leaflet-plugin

October CMS 的 Leaflet 插件

维护者

详细信息

github.com/VictorMLima98/octobercms-leaflet

主页

源代码

安装: 0

依赖: 0

推荐者: 0

安全: 0

星标: 0

关注者: 0

分支: 5

语言：JavaScript

类型：october-plugin

dev-master 2022-03-29 18:45 UTC

Requires

MIT cf943722482401d00457dc066b6543c9a42f96fc

  • Tim Förster <mail.woop@tim-foerster.de>

leafletoctoberoctobercms

This package is not auto-updated.

Last update: 2024-09-26 05:22:22 UTC

README

简介

Leaflet 是 "一个适用于移动端的交互式地图的开源 JavaScript 库"。

支持

  • 地图
  • 提供商
    • Open Street Maps
    • Mapbox
  • 图层
    • 标记
    • 圆圈
    • 多边形
  • 弹窗

示例

此示例基于 leaflet 的 快速入门 示例。

Open Street Maps

无需配置，继续 创建新地图。

Mapbox

  1. 您需要一个 Mapbox 账户。
  2. 导航到 Classic -> Mapbox 编辑器项目
  3. 创建新的 Mapbox 编辑器项目
  4. 选择样式后，保存项目
  5. 在项目概览中，您将看到项目 ID，稍后需要使用
  6. 您还需要一个 API 访问令牌。您可以在 "账户" -> "API 访问令牌" 下找到它

创建新地图

  1. 在 Octobercms 后端导航到地图
  2. 创建新地图
  3. 插入名称，并复制粘贴您的 Mapbox 项目 ID 和 API 访问令牌。
  4. 之后，您可以在底部添加对象。
  5. 对象的可能参数可以在 Leaflet 文档 中找到。

显示地图

  1. 打开 CMS 页面
  2. 添加地图组件
  3. 选择您想显示的地图并设置属性。
  4. 在 CMS 页面中包含 {% component 'map' %}。