Перейти к содержанию

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

Материал из MURS вики
Следующая правка →
отменитьTringoli (обсуждение | вклад)
Автомодерируемые
266 правок
ВизуальныйВики-текст
Новая страница: «<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 }};"> <!-- Контейнер графической / интерактивной схемы (Image / ImageMap) --> <div class="ts-transport-map-card" style="display: inline-block; max-width: 100%; box-...»
 
Нет описания правки
Строка 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 }};">
<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 }};">


<!-- Контейнер графической / интерактивной схемы (Image / ImageMap) -->
<!-- Контейнер графической / интерактивной схемы -->
<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;">
<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: {{{файл|{{{изображение|}}}}}} |
{{#if: {{{файл|{{{изображение|}}}}}} |
Строка 33: Строка 36:
}}
}}


</div></includeonly><noinclude>
</div>
== Пример схемы (статическое изображение) ==
}}</includeonly><noinclude>
{{Схема транспортной системы
== Использование через JSON-базу (Рекомендуемый способ) ==
|название = Скоростной транспорт Муроморска
Теперь вы можете использовать ваш привычный шаблон `{{Схема транспортной системы}}`, просто передав в него имя датасета:
|файл = Схема_Муроморского_метрополитена.png
|ширина = 850px
|подпись = Схема линий Муроморского метрополитена и Мурской железной дороги
|заголовок списка = 🚇 Станции метрополитена и МЖД по районам города
|ширина колонок = 19em
|свёрнут = нет
|линии =
{{Линия|1|отображение=Линия 1 (Невско-Заводская)}}
{{Линия|2|отображение=Линия 2 (Замуррецкая)}}
{{Линия|3|отображение=Линия 3 (Марининско-Павловская)}}
{{Линия|4|отображение=Линия 4 (Калининско-Мурская)}}
{{Линия|D1|отображение=МЖД D1 (Северное направление)}}
{{Линия|D2|отображение=МЖД D2 (Восточное направление)}}
|список =
* '''[[Марининский район (Муроморск)|Марининский район]]'''
** {{СтМ|1|Владимирский проспект|пересадка={{СтМ|D1|Северный вокзал|уточнение=нет}} • [[Северный вокзал (Муроморск)|Северный вокзал]]}}
** {{СтМ|3|Лесная}}
** {{СтМ|3|Балтийская}}
** {{СтМ|3|Сосновый Бор|строящаяся=да}}
** {{СтМ|3|Марининская|строящаяся=да}}
** {{СтМ|3|Окружная|строящаяся=да}}
** {{СтМ|D1|Маринино|уточнение=платформа}}
 
* '''[[Центральный район (Муроморск)|Центральный район]]'''
** {{СтМ|1|Театральная}}
** {{СтМ|1|Народная|ссылка=Народная (станция метро, Невско-Заводская линия)|пересадка={{СтМ|3|Народная|ссылка=Народная (станция метро, Павловская линия)}}}}
** {{СтМ|1|Площадь Метростроителей|пересадка={{СтМ|2|Площадь Метростроителей}}}}
** {{СтМ|1|Морской бульвар}}
** {{СтМ|3|Морская Застава}}
** {{СтМ|3|Университет}}
 
* '''[[Иваноостровский район (Муроморск)|Иваноостровский район]]'''
** {{СтМ|2|Иваноостровская|пересадка={{СтМ|3|Иваноостровская}}}}
** {{СтМ|2|ВДНиТ}}
** {{СтМ|2|Приморская|строящаяся=да}}
 
* '''[[Заводской район (Муроморск)|Заводской район]]'''
** {{СтМ|1|Ауктува}}
** {{СтМ|1|Машиностроителей}}
** {{СтМ|1|Пролетарская|строящаяся=да}}
 
* '''[[Павловский район (Муроморск)|Павловский район]]'''
** {{СтМ|3|Вокзальная|пересадка={{СтМ|4|Вокзальная}} • [[Центральный вокзал (Муроморск)|Центральный вокзал]]}}
** {{СтМ|3|Павловская|пересадка={{СтМ|4|Павловская}}}}
** {{СтМ|3|Теплосила|пересадка={{СтМ|4|Теплосила}}}}
** {{СтМ|3|Дворец Спорта}}
** {{СтМ|3|Новые Дома}}
** {{СтМ|3|Бульвар Юрьева}}
 
* '''[[Рыбацкий район (Муроморск)|Рыбацкий район]]'''
** {{СтМ|2|Рыбацкая|пересадка={{СтМ|4|Рыбацкая|строящаяся=да}}}}
** {{СтМ|2|Замуррецкая}}
** {{СтМ|2|Москвабадская|строящаяся=да}}
** {{СтМ|4|Механизаторская|строящаяся=да}}
 
* '''Пригород'''
** {{СтМ|D1|Тарасовка|уточнение=платформа}}
** {{СтМ|D1|Лисий Посёлок|уточнение=платформа}}
** {{СтМ|D1|Бутусово-1|уточнение=станция}}
** {{СтМ|D1|Красноградск|уточнение=станция}}
** {{СтМ|D2|Товарная|уточнение=станция}}
** {{СтМ|D2|Муртолово|уточнение=станция}}
}}
 
<div style="background: #ffffff; border: 1px solid #d0d7de; border-radius: 8px; padding: 18px 22px; margin-top: 24px; box-shadow: 0 1px 4px rgba(0,0,0,0.05);">
 
== Руководство по интеграции схем ==


Шаблон поддерживает 3 способа вывода транспортных схем:
<syntaxhighlight lang="mediawiki">
{{Схема транспортной системы|данные = Муроморского метрополитена}}
</syntaxhighlight>


=== 1. Статичный графический файл (.png, .jpg, .svg) ===
При этом автоматически подтянутся координаты из Шаблон:Интерактивная схема Муроморского метрополитена/data.json, построится интерактивная карта, легенда и список станций.
В параметр <code>|файл=</code> передаётся имя загруженного изображения:
<pre>
{{Схема транспортной системы
|название = Муроморский скоростной транспорт
|файл    = Схема_Муроморского_метрополитена.png
|ширина  = 850px
|подпись  = Схема линий скоростного транспорта Муроморска
|линии    =
{{Линия|1}}
{{Линия|2}}
{{Линия|3}}
{{Линия|4}}
{{Линия|D1}}
{{Линия|D2}}
|список  =
* '''[[Марининский район (Муроморск)|Марининский район]]'''
** {{СтМ|1|Владимирский проспект|пересадка={{СтМ|D1|Северный вокзал|уточнение=нет}}}}
** {{СтМ|3|Лесная}}
}}
</pre>


=== 2. Ручная интерактивная разметка (ImageMap) ===
Для вставки компактной схемы '''внутрь карточки статьи''' (например, Шаблон:Метрополитен), добавьте параметры карточки:
Позволяет сделать кликабельными зоны на изображении с помощью тега <code>&lt;imagemap&gt;</code> в параметре <code>|карта=</code>:
<syntaxhighlight lang="mediawiki">
<pre>
{{Метрополитен
{{Схема транспортной системы
|название = Муроморский метрополитен
|название = Муроморский скоростной транспорт
|схема линий = {{Схема транспортной системы|данные=Муроморского метрополитена|карточка=да|ширина=280px}}
|карта    = <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|Площадь Метростроителей}}}}
}}
}}
</pre>
</syntaxhighlight>
 
=== 3. Автоматическая интерактивная схема (JSON + Модуль:ТранспортнаяСхема) ===
Полная генерация кликабельной карты, легенды и реестра станций из структурированной базы данных.
 
Шаблон вызывает Lua-модуль через отдельную страницу <code>[[Шаблон:Интерактивная транспортная схема]]</code>:
<pre>
{{Интерактивная транспортная схема|Муроморского метрополитена}}
</pre>
* Данные берутся автоматически из подстраницы <code>[[Шаблон:Интерактивная схема Муроморского метрополитена/data.json]]</code>.
* При изменении названий или координат станций в JSON-файле интерактивная карта, легенда и список обновляются автоматически.
 
</div>


[[Категория:Шаблоны:Транспорт]]
[[Категория:Шаблоны:Транспорт]]
</noinclude>
</noinclude>

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

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

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

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



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

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

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

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

{{Метрополитен
|название = Муроморский метрополитен
|схема линий = {{Схема транспортной системы|данные=Муроморского метрополитена|карточка=да|ширина=280px}}
}}
Источник — https://wiki.murs-mc.ru/w/index.php?title=Шаблон:Схема_транспортной_системы&oldid=2820