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

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

Пример схемы (статическое изображение)

🗺 Схема линий Муроморского метрополитена

Линии скоростного транспорта

     🚇 Станции Муроморского метрополитена

Невско-Заводская линия

Руководство по интеграции схем

Шаблон поддерживает 3 способа вывода транспортных схем:

1. Статичный графический файл (.png, .jpg, .svg)

В параметр |файл= передаётся имя загруженного изображения:

{{Схема транспортной системы
|название = Муроморский скоростной транспорт
|файл     = Схема_Муроморского_метрополитена.png
|ширина   = 850px
|подпись  = Схема линий скоростного транспорта Муроморска
|линии    = 
{{Линия|1}}
{{Линия|2}}
{{Линия|3}}
{{Линия|4}}
{{Линия|D1}}
{{Линия|D2}}
|список   = 
* '''[[Марининский район (Муроморск)|Марининский район]]'''
** {{СтМ|1|Владимирский проспект|пересадка={{СтМ|D1|Северный вокзал|уточнение=нет}}}}
** {{СтМ|3|Лесная}}
}}

2. Ручная интерактивная разметка (ImageMap)

Позволяет сделать кликабельными зоны на изображении с помощью тега <imagemap> в параметре |карта=:

{{Схема транспортной системы
|название = Муроморский скоростной транспорт
|карта    = <imagemap>
Файл:Схема_Муроморского_метрополитена.png|850px|center|alt=Схема скоростного транспорта
# Координаты станций: circle X Y Радиус [[Целевая_статья]]
circle 420 310 16 [[Площадь Метростроителей (станция метро)|Площадь Метростроителей]]
circle 510 240 16 [[Владимирский проспект (станция метро)|Владимирский проспект]]
circle 330 450 16 [[Машиностроителей (станция метро)|Машиностроителей]]
# Зоны пересадок: rect X1 Y1 X2 Y2 [[Целевая_статья]]
rect 400 290 450 330 [[Площадь Метростроителей (станция метро)|Площадь Метростроителей]]
desc none
</imagemap>
|подпись  = Кликните по станции на схеме для перехода к статье
|линии    = 
{{Линия|1}}
{{Линия|2}}
{{Линия|D1}}
|список   = 
* '''[[Центральный район (Муроморск)|Центральный район]]'''
** {{СтМ|1|Площадь Метростроителей|пересадка={{СтМ|2|Площадь Метростроителей}}}}
}}

3. Автоматическая интерактивная схема (JSON + Модуль:ТранспортнаяСхема)

Полная генерация кликабельной карты, легенды и реестра станций из структурированной базы данных.

Шаблон вызывает Lua-модуль через отдельную страницу Модуль:ТранспортнаяСхема:

{{#invoke:ТранспортнаяСхема|render|Муроморского метрополитена}}

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

@@ Строка 1: / Строка 1: @@
 <includeonly><div class="ts-transport-scheme" style="clear: both; margin: 1.2em auto; width: 100%; box-sizing: border-box; text-align: {{#switch: {{{прижатие|{{{выравнивание|центр}}}}}} | лево = left | право = right | center }};">
-<!-- Графическая схема (отображается ТОЛЬКО если указан файл) -->
+<!-- Графическая или интерактивная ImageMap схема -->
-{{#if: {{{файл|{{{изображение|}}}}}} |
+{{#if: {{{карта|}}} |
+<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; margin-bottom: 12px;">
+  <div style="overflow-x: auto; max-width: 100%;">{{{карта}}}</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-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; margin-bottom: 12px;">
    <div style="overflow-x: auto; max-width: 100%;">[[Файл:{{{файл|{{{изображение}}}}}}|{{#if: {{{ширина|}}} | {{{ширина}}} | 900px }}|center|alt={{{название|Схема транспортной системы}}}|{{{описание|{{{название|}}}}}}]]</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>
-}}
+}} }}
 <!-- Единый блок: легенда линий + реестр станций -->