Pelican plugin to embed OpenStreetMap maps in Markdown articles using a {% place %} shortcode.

These details have not been verified by PyPI

Project description

pelican-osm

pelican-osm is a Pelican plugin that embeds interactive OpenStreetMap maps into your articles using a simple {% place %} shortcode. It integrates with Leaflet.js and loads place data from YAML files.

Features

{% place %} shortcode renders an independent interactive map per shortcode
{% place_list %} shortcode renders a sortable table of places with tag filtering and row count
YAML files converted to GeoJSON at build time — JS fetches them at runtime
Flexible spec syntax: single file, single place via #id, entire folder, or comma-separated mix
File-level metadata (anime title, tags, country…) applied as defaults to every place in the file
Per-place popup with auto-generated OSM and Google Maps links
tags list rendered as clickable badges — click to filter the table by tag
urls list rendered as labelled links in the popup and list table
All extra YAML fields displayed in the popup automatically
Horizontal scroll photo gallery in popups with lightbox viewer (swipe on mobile)
Optional marker clustering via Leaflet.markercluster (auto-detected)
Lazy map initialization — maps only load when scrolled into view
Reset view button (↺) to return to the original map bounds
Deep linking — link directly to a place via URL hash (e.g. page.html#place_id)
Error/empty state messages when data fails to load
Auto-detects <html lang> for built-in translations (zh, ja), with full override via window.OSM_I18N
Fully class-based CSS — every visual detail overridable via custom properties
Dark mode support

How it works

content/places/japan/mygo.yaml   →   output/static/places/japan/mygo.geojson
                                              ↑
                              browser fetches at runtime via Leaflet

Each YAML file under OSM_PLACES_ROOT is converted to a GeoJSON FeatureCollection at build time. The {% place %} shortcode emits a <div> with data-geojson pointing to the corresponding file(s); the bundled JS fetches and renders them.

Installation

pip install pelican-osm

Setup

1. Add to pelicanconf.py

PLUGINS = ["pelican.plugins.osm"]

2. Add Leaflet.js and plugin assets to your base template

<link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css">
<script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>

<!-- Plugin assets — auto-copied to output/static/pelican_osm/ on build -->
<link rel="stylesheet" href="/static/pelican_osm/css/osm-map.css">
<script src="/static/pelican_osm/js/osm-map.js" defer></script>

3. Organize your YAML files

Set the root path in pelicanconf.py (default: places/ inside your content folder):

OSM_PLACES_ROOT = "places"  # relative to PATH (content dir), or absolute

Both .yml and .yaml extensions are supported.

content/
└── places/
    ├── taiwan.yml
    └── japan/
        ├── mygo.yaml
        └── ave-mujica.yml

YAML format

locations format (preferred)

The locations key holds the list of places. Every other top-level key becomes a file-level default applied to all places in the file — per-place values always win.

# content/places/japan/mygo.yaml
anime: BanG Dream! It's MyGO!!!!!
tags: [動畫]

locations:
  - id: normal_park
    name: 豊島区立南池袋第二公園
    lat: 35.7225
    lon: 139.7170
    category: 公園
    notes: "「普通」和「理所當然」是什麼呢？"
    date: 2023-06-29
    country: 日本
    city: 東京
    tags: []       # overrides file-level tags for this place
    images: []

Empty strings ("") and empty lists ([]) are automatically stripped — they won't appear in the popup or GeoJSON.

Dict of places (also supported)

The reserved defaults key spreads shared attributes. Each other top-level key is a place id usable in #fragment references.

defaults:
  country: Japan

ueno_park:
  name: 上野公園
  lat: 35.7142
  lon: 139.7742
  date: 2024-03-25

shinjuku:
  name: 新宿
  lat: 35.6938
  lon: 139.7034

Bare list (backwards compatible)

- name: 台北101
  lat: 25.0337
  lon: 121.5645

- name: 太魯閣
  lat: 24.1558
  lon: 121.6213

A leading {defaults: {...}} item sets shared attributes for the whole file.

Shortcode syntax

Each {% place %} shortcode renders its own independent map.

Syntax	Result
`{% place japan/mygo.yaml %}`	All places in one file
`{% place japan/mygo.yaml#normal_park %}`	Single place by id (dict-format key)
`{% place japan/mygo.yaml#豊島区立南池袋第二公園 %}`	Single place by name (fallback)
`{% place japan/ %}` or `{% place japan %}`	All YAML files in a folder, recursively
`{% place . %}`	All YAML files under the root
`{% place japan/mygo.yaml, taiwan.yml %}`	Multiple specs on one map
`{% place_list japan/mygo.yaml %}`	Renders a table of places from one or more YAML specs.

{% place_list japan/tokyo %}
{% place_list japan/tokyo, japan/kyoto %}

Note: Fragment (#) syntax filters which places appear in the popup, but the map still fetches the full GeoJSON file. A future version may support per-feature filtering.

Place fields

Field	Required	Notes
`name`	✅	Popup title and map caption
`lat`	✅	Latitude (float)
`lon`	✅	Longitude (float)
`tags`	—	List — rendered as inline badges in the popup
`images`	—	List — rendered as a photo gallery in the popup
`urls`	—	List — rendered as links in the popup and list table; see below
(any)	—	All other fields shown as `Key: Value` lines

OSM and Google Maps links are always auto-generated from lat/lon.

`urls` field

The urls field renders clickable links in both the map popup and the place_list table. Three formats are accepted:

# plain string
urls: "https://example.com/my-post"

# single object with optional label
urls:
  label: "2024"
  href: "{filename}posts/review/2024/my-post.md"

# list of objects (multiple links)
urls:
  - label: "2023"
    href: "{filename}posts/review/2023/visit.md"
  - label: "2024"
    href: "{filename}posts/review/2024/visit.md"

The label becomes the link text. When omitted, the link text falls back to the URL's hostname (e.g. example.com).

{filename} references are resolved to absolute URLs using Pelican's content URL map.

GeoJSON output

Every YAML file is converted to a GeoJSON FeatureCollection at build time, mirroring the source directory structure:

content/places/japan/mygo.yaml   →   output/static/places/japan/mygo.geojson
content/places/taiwan.yml        →   output/static/places/taiwan.geojson

The GeoJSON files are standard RFC 7946 and can be used with any GeoJSON-compatible tool (QGIS, Mapbox, etc.).

Configuration

Setting	Default	Description
`OSM_SHORTCODE`	`"place"`	Shortcode tag name
`OSM_PLACES_ROOT`	`"places"`	Root folder for YAML files (relative to `PATH`)
`OSM_MAP_HEIGHT`	`"400px"`	Map height (any CSS length value)
`OSM_MAP_TILE`	OSM standard tiles	Leaflet tile URL template
`OSM_MAP_ATTRIBUTION`	OSM attribution HTML	Attribution string shown on the map
`OSM_STATIC_PREFIX`	`"/static"`	URL prefix for generated GeoJSON files
`OSM_LIST_SHORTCODE`	`"place_list"`	Shortcode name
`OSM_LIST_FIELDS`	`[]` (auto)	Ordered list of field keys to show as columns. When empty, all non-reserved fields found in the data are used.
`OSM_LIST_FIELD_LABELS`	`{}`	Override column header labels, e.g. `{"date": "Visited", "name": "Place"}`

Deep linking

Link directly to a specific place by appending its id or name as a URL hash:

https://example.com/my-post.html#normal_park
https://example.com/my-post.html#豊島区立南池袋第二公園

The map will pan to the marker and open its popup automatically. When marker clustering is enabled, the cluster is expanded first.

Tag filtering

Tag badges are clickable in both maps and tables.

In {% place_list %} tables: Clicking a tag filters the table to show only rows with that tag. A filter chip appears next to the row count — click it (or click the same tag again) to clear the filter.

In {% place %} maps: A tag bar appears below the map when places have tags. Click a tag to show only markers with that tag; click again to show all. The map automatically re-fits to the visible markers.

Marker clustering

Leaflet.markercluster is automatically loaded from CDN at runtime. Nearby markers are grouped into clusters that expand on click/zoom. No extra setup is needed.

Customising the CSS

All visual properties are CSS custom properties declared on :root. Override in your own stylesheet (loaded after osm-map.css):

/* Change map height globally */
:root {
  --osm-map-height: 300px;
}

/* Remove rounded corners and shadow */
.osm-map-block {
  --osm-radius: 0;
  --osm-shadow: none;
}

Available custom properties

Property	Default	Controls
`--osm-map-height`	`400px`	Map canvas height
`--osm-radius`	`8px`	Block border radius
`--osm-shadow`	`0 2px 8px …`	Block drop shadow
`--osm-caption-bg`	`#f5f5f5`	Caption bar background
`--osm-caption-color`	`#555`	Caption text colour
`--osm-caption-font-size`	`0.9em`	Caption font size
`--osm-caption-padding`	`0.4em 0.8em`	Caption padding
`--osm-caption-border`	`1px solid #ddd`	Caption top border
`--osm-popup-min-width`	`200px`	Popup minimum width
`--osm-popup-font-size`	`1.3em`	Popup base font size
`--osm-popup-line-height`	`1.6`	Popup line height
`--osm-popup-name-size`	`1.15em`	Place name font size
`--osm-popup-name-weight`	`700`	Place name font weight
`--osm-popup-name-gap`	`0.35em`	Gap below place name
`--osm-badge-font-size`	`0.82em`	Badge font size
`--osm-badge-padding`	`0.15em 0.6em`	Badge padding
`--osm-badge-radius`	`999px`	Badge border radius
`--osm-badge-tag-bg`	`#e8e8e8`	Tag badge background
`--osm-badge-tag-color`	`#444`	Tag badge text colour
`--osm-field-gap`	`0.15em`	Vertical gap between field rows
`--osm-field-color`	`#333`	Field value colour
`--osm-label-color`	`#111`	Field label colour
`--osm-label-weight`	`600`	Field label font weight
`--osm-links-gap`	`0.65em`	Gap above links row
`--osm-links-font-size`	`0.9em`	Links row font size
`--osm-links-color`	`#666`	Links row text colour
`--osm-links-anchor-color`	`#c0392b`	OSM / Google anchor colour

i18n

The plugin auto-detects the page language from <html lang="..."> and applies built-in translations when available. Currently supported: zh (Traditional Chinese), ja (Japanese). All other languages fall back to English.

You can override any string by setting window.OSM_I18N before loading osm-map.js. Manual overrides take priority over auto-detected translations.

<script>
window.OSM_I18N = {
  // Map link labels (defaults: "OSM", "Google")
  osmLink:      "OSM",
  googleLink:   "Google",

  // Place count label below tables (receives row count as argument)
  placeCount:   (n) => `${n} 個地點`,

  // Error/empty state messages
  loadError:    "無法載入地圖資料",
  noPlaces:     "找不到地點",

  // Fallback link text for urls entries with no label.
  // Defaults to the URL's hostname (e.g. "example.com").
  // Only used when the hostname cannot be parsed.
  urlLinkLabel: "Link",

  // Field label overrides — YAML key → display label
  // Unlisted keys fall back to capitalised key name (e.g. "category" → "Category")
  fieldLabels: {
    date:     "日期",
    location: "地點",
    category: "分類",
    type:     "分類",
    work:     "作品",
    series:   "系列",
    note:     "備註",
    notes:    "備註",
    anime:    "作品",
    city:     "城市",
    country:  "國家",
  },
};
</script>
<script src="/static/pelican_osm/js/osm-map.js" defer></script>

fieldLabels is shallow-merged — only list the keys you want to change.

Available i18n keys

Key	Default (en)	Description
`osmLink`	`"OSM"`	OSM link label in popups and tables
`googleLink`	`"Google"`	Google Maps link label
`placeCount`	`(n) => "N places"`	Row count below tables (function)
`loadError`	`"Failed to load map data"`	Shown when all GeoJSON fetches fail
`noPlaces`	`"No places found"`	Shown when no markers match
`urlLinkLabel`	`"Link"`	Fallback text for unlabelled URLs
`fieldLabels`	`{}`	YAML key to display label mapping

License

MIT © Wei Lee

Project details

These details have not been verified by PyPI

Release history Release notifications | RSS feed

0.11.0

Apr 30, 2026

0.10.0

Apr 29, 2026

0.9.0

Apr 29, 2026

0.8.0

Apr 28, 2026

This version

0.7.0

Apr 25, 2026

0.6.0

Apr 19, 2026

0.5.1

Apr 18, 2026

0.5.0

Apr 18, 2026

0.4.2

Mar 26, 2026

0.4.1

Mar 26, 2026

0.4.0

Mar 25, 2026

0.3.1

Mar 14, 2026

0.3.0

Mar 14, 2026

0.2.0

Feb 17, 2026

Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

pelican_osm-0.7.0.tar.gz (27.4 kB view details)

Uploaded Apr 25, 2026 Source

Built Distribution

If you're not sure about the file name format, learn more about wheel file names.

The dropdown lists show the available interpreters, ABIs, and platforms. Enable javascript to be able to filter the list of wheel files.

pelican_osm-0.7.0-py3-none-any.whl (28.5 kB view details)

Uploaded Apr 25, 2026 Python 3

File details

Details for the file pelican_osm-0.7.0.tar.gz.

File metadata

Download URL: pelican_osm-0.7.0.tar.gz
Upload date: Apr 25, 2026
Size: 27.4 kB
Tags: Source
Uploaded using Trusted Publishing? Yes
Uploaded via: twine/6.1.0 CPython/3.13.12

File hashes

Hashes for pelican_osm-0.7.0.tar.gz
Algorithm	Hash digest
SHA256	`2f3d1ce59fdfb3449907016b0b3f673e999466e1622ad1312fd97eda42a6c818`
MD5	`efb8bf92691ede03d869dfedea89a0f0`
BLAKE2b-256	`1db494189a1a27f3d324632e5ced66991346fd94fff448ce8bd0b561ba9f9338`

See more details on using hashes here.

Provenance

The following attestation bundles were made for pelican_osm-0.7.0.tar.gz:

Publisher: publish-to-pypi.yaml on Lee-W/pelican-osm

Attestations: Values shown here reflect the state when the release was signed and may no longer be current.

Statement:
- Statement type: https://in-toto.io/Statement/v1
- Predicate type: https://docs.pypi.org/attestations/publish/v1
- Subject name: pelican_osm-0.7.0.tar.gz
- Subject digest: 2f3d1ce59fdfb3449907016b0b3f673e999466e1622ad1312fd97eda42a6c818
- Sigstore transparency entry: 1379711821
- Sigstore integration time: Apr 25, 2026
Source repository:
- Permalink: Lee-W/pelican-osm@a437a1bfc7be4ceecec7817c3b199fd99e5a32bf
- Branch / Tag: refs/tags/0.7.0
- Owner: https://github.com/Lee-W
- Access: public
Publication detail:
- Token Issuer: https://token.actions.githubusercontent.com
- Runner Environment: github-hosted
- Publication workflow: publish-to-pypi.yaml@a437a1bfc7be4ceecec7817c3b199fd99e5a32bf
- Trigger Event: push

File details

Details for the file pelican_osm-0.7.0-py3-none-any.whl.

File metadata

Download URL: pelican_osm-0.7.0-py3-none-any.whl
Upload date: Apr 25, 2026
Size: 28.5 kB
Tags: Python 3
Uploaded using Trusted Publishing? Yes
Uploaded via: twine/6.1.0 CPython/3.13.12

File hashes

Hashes for pelican_osm-0.7.0-py3-none-any.whl
Algorithm	Hash digest
SHA256	`2a8ae1926822fce6bf88178ed360f0d0a99fb3376ecf1b1a485cce5cb67489bf`
MD5	`2335477d2740d5e0cb3c002f8bea1b39`
BLAKE2b-256	`c60e1384a55a39af10224ad3e29394f385da95596b75a59df7fb4340227fb124`

See more details on using hashes here.

Provenance

The following attestation bundles were made for pelican_osm-0.7.0-py3-none-any.whl:

Publisher: publish-to-pypi.yaml on Lee-W/pelican-osm

Attestations: Values shown here reflect the state when the release was signed and may no longer be current.

Statement:
- Statement type: https://in-toto.io/Statement/v1
- Predicate type: https://docs.pypi.org/attestations/publish/v1
- Subject name: pelican_osm-0.7.0-py3-none-any.whl
- Subject digest: 2a8ae1926822fce6bf88178ed360f0d0a99fb3376ecf1b1a485cce5cb67489bf
- Sigstore transparency entry: 1379711915
- Sigstore integration time: Apr 25, 2026
Source repository:
- Permalink: Lee-W/pelican-osm@a437a1bfc7be4ceecec7817c3b199fd99e5a32bf
- Branch / Tag: refs/tags/0.7.0
- Owner: https://github.com/Lee-W
- Access: public
Publication detail:
- Token Issuer: https://token.actions.githubusercontent.com
- Runner Environment: github-hosted
- Publication workflow: publish-to-pypi.yaml@a437a1bfc7be4ceecec7817c3b199fd99e5a32bf
- Trigger Event: push

pelican-osm 0.7.0

Navigation

Verified details

Maintainers

Unverified details

Meta

Classifiers

Project description

pelican-osm

Features

How it works

Installation

Setup

1. Add to pelicanconf.py

2. Add Leaflet.js and plugin assets to your base template

3. Organize your YAML files

YAML format

locations format (preferred)

Dict of places (also supported)

Bare list (backwards compatible)

Shortcode syntax

Place fields

urls field

GeoJSON output

Configuration

Deep linking

Tag filtering

Marker clustering

Customising the CSS

Available custom properties

i18n

Available i18n keys

License

Project details

Verified details

Maintainers

Unverified details

Meta

Classifiers

Release history Release notifications | RSS feed

Download files

Source Distribution

Built Distribution

File details

File metadata

File hashes

Provenance

File details

File metadata

File hashes

Provenance

`urls` field