Шаблон:Схема транспортной системы: различия между версиями

Версия от 12:49, 22 августа 2026

Использование через JSON-базу (Рекомендуемый способ)

Теперь вы можете использовать ваш привычный шаблон

Файл схемы или интерактивная карта не указаны

, просто передав в него имя датасета:

{{Схема транспортной системы|данные = Муроморского метрополитена}}

При этом автоматически подтянутся координаты из `Шаблон:Интерактивная схема Муроморского метрополитена/data.json`, построится интерактивная карта, легенда и список станций.

Для вставки компактной схемы внутрь карточки статьи (например, `Шаблон:Метрополитен`), добавьте параметры карточки:

{{Метрополитен
|название = Муроморский метрополитен
|схема линий = {{Схема транспортной системы|данные=Муроморского метрополитена|карточка=да|ширина=280px}}
}}

@@ Строка 1: / Строка 1: @@
+<includeonly>{{#if: {{{данные|{{{json|}}}}}} |
+  {{#invoke:ТранспортнаяСхема|render|данные={{{данные|{{{json}}}}}}|файл={{{файл|}}}|ширина={{{ширина|}}}|подпись={{{подпись|}}}|карточка={{{карточка|}}}}}
+|
+<div class="ts-transport-scheme" style="clear: both; margin: 1.2em auto; width: 100%; box-sizing: border-box; text-align: {{#switch: {{{прижатие|{{{выравнивание|центр}}}}}} | лево = left | право = right | center }};">
+<!-- Контейнер графической / интерактивной схемы -->
+<div class="ts-transport-map-card" style="display: inline-block; max-width: 100%; box-sizing: border-box; background: var(--background-color-base, #ffffff); border: 1px solid var(--border-color-base, #d0d7de); border-radius: 10px; padding: 10px; box-shadow: 0 3px 12px rgba(0,0,0,0.06); text-align: center;">
+{{#if: {{{файл|{{{изображение|}}}}}} |
+  <div style="overflow-x: auto; max-width: 100%;">[[Файл:{{{файл|{{{изображение}}}}}}|{{#if: {{{ширина|}}} | {{{ширина}}} | 900px }}|center|alt={{{название|Схема транспортной системы}}}|{{{описание|{{{название|}}}}}}]]</div>
+|
+  <div style="overflow-x: auto; max-width: 100%; display: inline-block;">{{{карта|{{{схема|<div style="padding: 20px; color: #57606a;">''Файл схемы или интерактивная карта не указаны''</div>}}}}}}</div>
+}}
+{{#if: {{{подпись|}}} | <div style="font-size: 12px; color: #57606a; margin-top: 8px; padding-top: 6px; border-top: 1px dashed var(--border-color-base, #e1e4e8); text-align: center; line-height: 1.4;">🗺 {{{подпись}}}</div> }}
+</div>
+<!-- Блок легенды линий -->
+{{#if: {{{линии|}}} |
+<div class="ts-transport-lines-legend" style="margin: 10px auto; max-width: 950px; text-align: center; padding: 8px 12px; background: #f6f8fa; border: 1px solid #d0d7de; border-radius: 8px;">
+<div style="font-size: 11px; font-weight: bold; color: #57606a; text-transform: uppercase; margin-bottom: 4px; letter-spacing: 0.5px;">Линии скоростного транспорта</div>
+<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; align-items: center;">
+{{{линии}}}
+</div>
+</div>
+}}
+<!-- Сворачиваемый реестр станций -->
+{{#if: {{{список|{{{1|}}}}}} |
+<div class="mw-collapsible {{#ifeq: {{{свёрнут|}}} | да | mw-collapsed | }} toccolours ts-transport-list-card" style="margin: 12px auto 0 auto; max-width: 950px; text-align: left; box-sizing: border-box; background: var(--background-color-neutral-subtle, #f8f9fa); border: 1px solid var(--border-color-base, #d0d7de); border-radius: 8px; overflow: hidden; box-shadow: 0 2px 6px rgba(0,0,0,0.04); padding: 0;">
+<div style="font-weight: bold; font-size: 13.5px; color: var(--color-base, #1f2328); background: linear-gradient(180deg, #f6f8fa 0%, #eaeef2 100%); padding: 9px 14px; border-bottom: 1px solid var(--border-color-base, #d0d7de); display: flex; align-items: center; justify-content: space-between;">
+  <span>{{{заголовок списка|📋 Реестр станций метрополитена и железной дороги}}}</span>
+</div>
+<div class="mw-collapsible-content" style="padding: 14px 18px; column-width: {{{ширина колонок|20em}}}; -webkit-column-width: {{{ширина колонок|20em}}}; -moz-column-width: {{{ширина колонок|20em}}}; column-gap: 2em; column-rule: 1px solid #e1e4e8; font-size: 13px; line-height: 1.7;">
+{{{список|{{{1}}}}}}
+</div>
+</div>
+}}
+</div>
+}}</includeonly><noinclude>
 <includeonly>{{#if: {{{данные|{{{json|}}}}}} |
    {{#invoke:ТранспортнаяСхема|render|данные={{{данные|{{{json}}}}}}|файл={{{файл|}}}|ширина={{{ширина|}}}|подпись={{{подпись|}}}|карточка={{{карточка|}}}}}
@@ Строка 39: / Строка 78: @@
 }}</includeonly><noinclude>
 == Использование через JSON-базу (Рекомендуемый способ) ==
-Теперь вы можете использовать ваш привычный шаблон `{{Схема транспортной системы}}`, просто передав в него имя датасета:
+Теперь вы можете использовать ваш привычный шаблон {{Схема транспортной системы}}, просто передав в него имя датасета:
 <syntaxhighlight lang="mediawiki">
@@ Строка 45: / Строка 84: @@
 </syntaxhighlight>
-При этом автоматически подтянутся координаты из Шаблон:Интерактивная схема Муроморского метрополитена/data.json, построится интерактивная карта, легенда и список станций.
+При этом автоматически подтянутся координаты из `Шаблон:Интерактивная схема Муроморского метрополитена/data.json`, построится интерактивная карта, легенда и список станций.
-Для вставки компактной схемы '''внутрь карточки статьи''' (например, Шаблон:Метрополитен), добавьте параметры карточки:
+Для вставки компактной схемы '''внутрь карточки статьи''' (например, `Шаблон:Метрополитен`), добавьте параметры карточки:
 <syntaxhighlight lang="mediawiki">
 {{Метрополитен