Riebeckite
Menu
Color mode

Map

地理情報を地図としてコンテンツ内に表示する Plugin です。

導入

bash
npm install @riebeckite/plugin-map

Plugin の export 名や設定項目は、実装と package README を一次情報として確認してください。Riebeckite の Plugin は riebeckite.config.ts の plugins に登録して利用します。

使用例

場所に関するコンテンツで地図を表示したい場合に利用します。旅行記、店舗情報、イベント会場など、位置情報と記事を組み合わせる用途に向いています。

ソース

markdown
```map
center: 35.6812, 139.7671
zoom: 13
label: Tokyo Station
markers:
  - 35.6812, 139.7671 | Tokyo Station
  - 35.6586, 139.7454 | Tokyo Tower
```

実行例

Tokyo Station

Tokyo Station

© OpenStreetMap contributors

Map source
text
center: 35.6812, 139.7671
zoom: 13
label: Tokyo Station
markers:
  - 35.6812, 139.7671 | Tokyo Station
  - 35.6586, 139.7454 | Tokyo Tower

使いどころ

この Plugin が必要な場合だけ追加してください。Preset に含まれている場合は、同じ Plugin を重複して登録する必要はありません。

実際の表示例が用意されている場合は、Plugin Showcase でも確認できます。

詳細仕様

設定項目、公開 API、制約、追加の使用例は package README を参照してください。Plugin 全体の仕組みは Plugin System、Plugin を作る場合は Writing a Plugin を参照してください。

History

1 changesCollapseExpand
1 + # Map
2 +
3 + 地理情報を地図としてコンテンツ内に表示する Plugin です。
4 +
5 + ## 導入
6 +
7 + ```bash
8 + npm install @riebeckite/plugin-map
9 + ```
10 +
11 + Plugin の export 名や設定項目は、実装と package README を一次情報として確認してください。Riebeckite の Plugin は `riebeckite.config.ts` の `plugins` に登録して利用します。
12 +
13 + ## 使用例
14 +
15 + 場所に関するコンテンツで地図を表示したい場合に利用します。旅行記、店舗情報、イベント会場など、位置情報と記事を組み合わせる用途に向いています。
16 +
17 + ### ソース
18 +
19 + ````markdown
20 + ```map
21 + center: 35.6812, 139.7671
22 + zoom: 13
23 + label: Tokyo Station
24 + markers:
25 + - 35.6812, 139.7671 | Tokyo Station
26 + - 35.6586, 139.7454 | Tokyo Tower
27 + ```
28 + ````
29 +
30 + ### 実行例
31 +
32 + ```map
33 + center: 35.6812, 139.7671
34 + zoom: 13
35 + label: Tokyo Station
36 + markers:
37 + - 35.6812, 139.7671 | Tokyo Station
38 + - 35.6586, 139.7454 | Tokyo Tower
39 + ```
40 +
41 + ## 使いどころ
42 +
43 + この Plugin が必要な場合だけ追加してください。Preset に含まれている場合は、同じ Plugin を重複して登録する必要はありません。
44 +
45 + 実際の表示例が用意されている場合は、[Plugin Showcase](./showcase.md) でも確認できます。
46 +
47 + ## 詳細仕様
48 +
49 + 設定項目、公開 API、制約、追加の使用例は package README を参照してください。Plugin 全体の仕組みは [Plugin System](../framework/plugin-system.md)、Plugin を作る場合は [Writing a Plugin](./writing-a-plugin.md) を参照してください。
50 +
51 +