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

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

Материал из MURS вики
← Предыдущая правка
отменитьTringoli (обсуждение | вклад)
Автомодерируемые
347 правок
ВизуальныйВики-текст
мНет описания правки
Нет описания правки
 
Строка 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><div class="ts-transport-scheme" style="box-sizing: border-box; {{#switch: {{lc:{{{прижатие|{{{выравнивание|центр}}}}}}}}
  | право | справа | right = text-align: right; {{#if: {{{обтекание|}}} | float: right; clear: right; margin: 0.6em 0 1.2em 1.5em; width: auto; max-width: 100%; | clear: both; margin: 1.2em 0 1.2em auto; width: 100%; }}
  | лево | слева | left  = text-align: left; {{#if: {{{обтекание|}}} | float: left; clear: left; margin: 0.6em 1.5em 1.2em 0; width: auto; max-width: 100%; | clear: both; margin: 1.2em auto 1.2em 0; width: 100%; }}
  | #default              = text-align: center; clear: both; margin: 1.2em auto; width: 100%;
}}">


<!-- Графическая или интерактивная ImageMap схема -->
<!-- Графическая или интерактивная ImageMap схема -->
Строка 16: Строка 20:
<!-- Единый блок: легенда линий + реестр станций -->
<!-- Единый блок: легенда линий + реестр станций -->
{{#if: {{{линии|}}}{{{список|{{{1|}}}}}} |
{{#if: {{{линии|}}}{{{список|{{{1|}}}}}} |
<div class="ts-transport-legend-container" style="margin: 0 auto; max-width: 950px; text-align: center; padding: 14px 16px; background: #f6f8fa; border: 1px solid #d0d7de; border-radius: 10px; box-sizing: border-box; box-shadow: 0 2px 6px rgba(0,0,0,0.03);">
<div class="ts-transport-legend-container" style="display: inline-block; width: 100%; max-width: {{{макс_ширина|950px}}}; text-align: center; padding: 14px 16px; background: #f6f8fa; border: 1px solid #d0d7de; border-radius: 10px; box-sizing: border-box; box-shadow: 0 2px 6px rgba(0,0,0,0.03); margin: {{#switch: {{lc:{{{прижатие|{{{выравнивание|центр}}}}}}}}
  | лево | слева | left  = 0 auto 0 0
  | право | справа | right = 0 0 0 auto
  | #default              = 0 auto
}};">
    
    
   <!-- Верхний блок: плашки линий -->
   <!-- Верхний блок: плашки линий -->
   {{#if: {{{линии|}}} |
   {{#if: {{{линии|}}} |
   <div class="ts-transport-lines-legend" style="margin-bottom: {{#if: {{{список|{{{1|}}}}}} | 14px | 0 }};">
   <div class="ts-transport-lines-legend" style="margin-bottom: {{#if: {{{список|{{{1|}}}}}} | 14px | 0 }};">
     <div style="font-size: 11px; font-weight: bold; color: #57606a; text-transform: uppercase; margin-bottom: 10px; letter-spacing: 0.6px;">{{{заголовок линий|Линии скоростного транспорта}}}</div>
     <div style="font-size: 11px; font-weight: bold; color: #57606a; text-transform: uppercase; margin-bottom: 10px; letter-spacing: 0.6px; text-align: {{#switch: {{lc:{{{выравнивание_линий|{{{прижатие|{{{выравнивание|центр}}}}}}}}}}} | лево | слева | left = left | право | справа | right = right | center }};">{{{заголовок линий|Линии скоростного транспорта}}}</div>
     <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; align-items: center;">
     <div style="display: flex; flex-wrap: wrap; justify-content: {{#switch: {{lc:{{{выравнивание_линий|{{{прижатие|{{{выравнивание|центр}}}}}}}}}}} | лево | слева | left = flex-start | право | справа | right = flex-end | center }}; gap: 8px; align-items: center;">
{{{линии}}}
{{{линии}}}
     </div>
     </div>
Строка 47: Строка 55:
== Пример схемы <small>(статическое изображение)</small> ==
== Пример схемы <small>(статическое изображение)</small> ==
{{Схема транспортной системы
{{Схема транспортной системы
|прижатие = слева
|название = Скоростной транспорт Муроморска
|название = Скоростной транспорт Муроморска
|файл = Схема_Муроморского_метрополитена.png
|файл = Схема_Муроморского_метрополитена.png
Строка 53: Строка 62:
|заголовок списка = 🚇 Станции Муроморского метрополитена
|заголовок списка = 🚇 Станции Муроморского метрополитена
|линии =  
|линии =  
{{СтМ|1|линия}}
{{СтМ|М1|линия}}
|список =  
|список =  
'''[[Невско-Заводская линия]]'''
'''[[Невско-Заводская линия]]'''
* {{СтМ|1|Владимирский проспект|пересадка={{СтМ|Св|Северный вокзал}}}}
* {{СтМ|М1|Владимирский проспект|пересадка={{СтМ|Св|Северный вокзал}}}}
* {{СтМ|1|Театральная}}
* {{СтМ|М1|Театральная}}
* {{СтМ|1|Народная|ссылка=Народная (станция метро, Невско-Заводская линия)|пересадка={{СтМ|2|Народная|ссылка=Народная (станция метро, Павловская линия)}}}}
* {{СтМ|М1|Народная|ссылка=Народная (станция метро, Невско-Заводская линия)|пересадка={{СтМ|М2|Народная|ссылка=Народная (станция метро, Павловская линия)}}}}
* {{СтМ|1|Площадь Метростроителей|пересадка={{СтМ|3|Площадь Метростроителей}}}}
* {{СтМ|М1|Площадь Метростроителей|пересадка={{СтМ|М3|Площадь Метростроителей}}}}
* {{СтМ|1|Морской бульвар}}
* {{СтМ|М1|Морской бульвар}}
* {{СтМ|1|Ауктува}}
* {{СтМ|М1|Ауктува}}
* {{СтМ|1|Машиностроителей}}
* {{СтМ|М1|Машиностроителей}}
* {{СтМ|1|Пролетарская|строящаяся=да}}
* {{СтМ|М1|Пролетарская|строящаяся=да}}
}}
}}


Строка 69: Строка 78:


{{Схема транспортной системы
{{Схема транспортной системы
|прижатие = слева
|карта = {{#invoke:ТранспортнаяСхема|canvas|пример|прокрутка=да|ширина=850|высота=600}}
|карта = {{#invoke:ТранспортнаяСхема|canvas|пример|прокрутка=да|ширина=850|высота=600}}
|подпись = Интерактивная схема линий
|подпись = Интерактивная схема линий
Строка 74: Строка 84:
|заголовок списка = 🚇 Станции скоростного транспорта по линиям
|заголовок списка = 🚇 Станции скоростного транспорта по линиям
|линии =  
|линии =  
{{СтМ|1}}
{{СтМ|М1}}
{{СтМ|2}}
{{СтМ|М2}}
|список =  
|список =  
* {{СтМ|1|линия|отображение=Линия 1}}
* {{СтМ|М1|линия|отображение=Линия 1}}
** {{СтМ|1|Станция 1-1}}
** {{СтМ|М1|Станция 1-1}}
** {{СтМ|1|Станция 1-2}}
** {{СтМ|М1|Станция 1-2}}
** {{СтМ|1|Станция 1-3}}
** {{СтМ|М1|Станция 1-3}}
** {{СтМ|1|Станция 1-4}}
** {{СтМ|М1|Станция 1-4}}


* {{СтМ|2|линия|отображение=Линия 2}}
* {{СтМ|М2|линия|отображение=Линия 2}}
** {{СтМ|2|Станция 2-1}}
** {{СтМ|М2|Станция 2-1}}
** {{СтМ|2|Станция 2-2}}
** {{СтМ|М2|Станция 2-2}}
** {{СтМ|2|Станция 2-3}}
** {{СтМ|М2|Станция 2-3}}
** {{СтМ|2|Станция 2-4}}
** {{СтМ|М2|Станция 2-4}}
}}
}}


Строка 101: Строка 111:
<pre>
<pre>
{{Схема транспортной системы
{{Схема транспортной системы
|прижатие = слева
|название        = Муроморский скоростной транспорт
|название        = Муроморский скоростной транспорт
|файл            = Схема_Муроморского_метрополитена.png
|файл            = Схема_Муроморского_метрополитена.png
Строка 108: Строка 119:
|заголовок списка = 🚇 Станции скоростного транспорта по линиям
|заголовок списка = 🚇 Станции скоростного транспорта по линиям
|линии            =  
|линии            =  
{{СтМ|1|линия}}
{{СтМ|М1|линия}}
{{СтМ|2|линия}}
{{СтМ|М2|линия}}
{{СтМ|D1|линия}}
{{СтМ|D1|линия}}
|список          =  
|список          =  
* {{СтМ|1|линия|отображение=Линия 1 (Невско-Заводская)}}
* {{СтМ|М1|линия|отображение=Линия 1 (Невско-Заводская)}}
** {{СтМ|1|Владимирский проспект|пересадка={{СтМ|D1|Северный вокзал|уточнение=нет}}}}
** {{СтМ|М1|Владимирский проспект|пересадка={{СтМ|D1|Северный вокзал|уточнение=нет}}}}
** {{СтМ|1|Площадь Метростроителей|пересадка={{СтМ|2|Площадь Метростроителей}}}}
** {{СтМ|М1|Площадь Метростроителей|пересадка={{СтМ|М2|Площадь Метростроителей}}}}


* {{СтМ|2|линия|отображение=Линия 2 (Замуррецкая)}}
* {{СтМ|М2|линия|отображение=Линия 2 (Замуррецкая)}}
** {{СтМ|2|Приморская|строящаяся=да}}
** {{СтМ|М2|Приморская|строящаяся=да}}
** {{СтМ|2|ВДНиТ|пересадка={{СтМ|А60}} {{СтМ|А61}}}}
** {{СтМ|М2|ВДНиТ|пересадка={{СтМ|А60}} {{СтМ|А61}}}}
}}
}}
</pre>
</pre>
Строка 127: Строка 138:
<pre>
<pre>
{{Схема транспортной системы
{{Схема транспортной системы
|прижатие = слева
|карта            =  
|карта            =  


Строка 141: Строка 153:
|заголовок списка = 🚇 Станции Муроморского метрополитена по линиям
|заголовок списка = 🚇 Станции Муроморского метрополитена по линиям
|линии            =  
|линии            =  
{{СтМ|1|линия}}
{{СтМ|М1|линия}}
{{СтМ|2|линия}}
{{СтМ|М2|линия}}
|список          =  
|список          =  
* {{СтМ|1|линия|отображение=Линия 1 (Невско-Заводская)}}
* {{СтМ|М1|линия|отображение=Линия 1 (Невско-Заводская)}}
** {{СтМ|1|Владимирский проспект|пересадка={{СтМ|D1|Северный вокзал|уточнение=нет}}}}
** {{СтМ|М1|Владимирский проспект|пересадка={{СтМ|D1|Северный вокзал|уточнение=нет}}}}
** {{СтМ|1|Театральная}}
** {{СтМ|М1|Театральная}}
}}
}}
</pre>
</pre>

Текущая версия от 20:51, 10 сентября 2026


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

[править код]
Скоростной транспорт Муроморска
Скоростной транспорт Муроморска
🗺 Схема линий Муроморского метрополитена
Линии скоростного транспорта
     🚇 Станции Муроморского метрополитена

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

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

[править код]
M
Пример системы
Интерактивная схема линий
⌨ ⇄ ⇅ Скролл
🗺 Интерактивная схема линий
Линии скоростного транспорта

1 2 

     🚇 Станции скоростного транспорта по линиям

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

[править код]

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

1. Классический вариант (статический файл или реестр без схемы)

[править код]

Использует загруженное изображение (.png, .jpg, .svg) или отображает только блок легенды и реестра станций (если параметр |файл= не указан): 

{{Схема транспортной системы
|прижатие = слева
|название         = Муроморский скоростной транспорт
|файл             = Схема_Муроморского_метрополитена.png
|ширина           = 850px
|подпись          = Схема линий скоростного транспорта Муроморска
|заголовок линий  = Линии скоростного транспорта
|заголовок списка = 🚇 Станции скоростного транспорта по линиям
|линии            = 
{{СтМ|М1|линия}}
{{СтМ|М2|линия}}
{{СтМ|D1|линия}}
|список           = 
* {{СтМ|М1|линия|отображение=Линия 1 (Невско-Заводская)}}
** {{СтМ|М1|Владимирский проспект|пересадка={{СтМ|D1|Северный вокзал|уточнение=нет}}}}
** {{СтМ|М1|Площадь Метростроителей|пересадка={{СтМ|М2|Площадь Метростроителей}}}}

* {{СтМ|М2|линия|отображение=Линия 2 (Замуррецкая)}}
** {{СтМ|М2|Приморская|строящаяся=да}}
** {{СтМ|М2|ВДНиТ|пересадка={{СтМ|А60}} {{СтМ|А61}}}}
}}

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

[править код]

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

{{Схема транспортной системы
|прижатие = слева
|карта            = 

{{#invoke:ТранспортнаяСхема|canvas|Муроморского|ширина=850|высота=620}}

{{#invoke:ТранспортнаяСхема|canvas|Муроморского|ширина_блока=280|высота_блока=205}}

{{#invoke:ТранспортнаяСхема|canvas|Муроморского|кадрирование=310 240 300 220|ширина_блока=280|шапка=нет}}

{{#invoke:ТранспортнаяСхема|canvas|Муроморского|фокус=420 310|ширина_фокуса=260|высота_фокуса=180|ширина_блока=260|шапка=нет}}

|подпись          = Интерактивная векторная схема (кликните по станции для перехода к статье)
|заголовок линий  = Линии Муроморского метрополитена
|заголовок списка = 🚇 Станции Муроморского метрополитена по линиям
|линии            = 
{{СтМ|М1|линия}}
{{СтМ|М2|линия}}
|список           = 
* {{СтМ|М1|линия|отображение=Линия 1 (Невско-Заводская)}}
** {{СтМ|М1|Владимирский проспект|пересадка={{СтМ|D1|Северный вокзал|уточнение=нет}}}}
** {{СтМ|М1|Театральная}}
}}
Источник — https://wiki.murs-mc.ru/w/index.php?title=Шаблон:Схема_транспортной_системы&oldid=3038