Templat untuk membuat templat diagram rute. Templat ini merupakan penerus versi Lua dari templat {{BS-map}}.

Penggunaan

sunting
{{{title}}}
{{{top}}}
{{{map}}}
{{{footnote}}}
{{Routemap
|navbar		= 
|navbar pos	= 
|navbar mini	= 
|title		= 
|title color	= 
|title bg	= 
|bg		= 
|inline		= 
|collapsible	= 
|collapse	= 
|legend		= 
|legend alt	= 
|float		= 
|style		= 
|top		= 
|footnote	= 
|text-width	= 
|map		=
}}

Markah peta

sunting

Untuk membuat peta rute, gunakan parameter |map=, yang membedakannya dengan templat berbasis {{BSrow}}. Perbedaan yang mendasar adalah tanda yang digunakan sebagai pemisah tiap baris. Subtemplat menjadi tidak wajib, karena setiap baris baru ditandai dengan cukup menekan tombol Enter untuk membuat baris baru.

Contoh 1.1
exCONTg
ENDExa
CONTgq\KRZu\CONTfq
BHF
\ABZgl\CONTfq
CONTf
ID ikon\ID ikon\ID ikon
  • Ikon dipisahkan menggunakan garis miring terbalik \.
  • Setiap gugus ikon adalah rata tengah. Ikon tanpa nama (pada awal baris ke-5 pada diagram di sebelah kanan) mewakili spasi.
  • ID ikon dapat dimunculkan dengan mengarahkan kursor tetikus ke ikon sehingga menampilkan tooltip di peramban Anda.

Teks samping

sunting
ID ikon\ID ikon\ID ikon~~jarak/waktu~~teks utama~~ket. I~~ket. II

atau

ID ikon\ID ikon\ID ikon~~teks utama
{{Routemap
|title=Contoh  1.2
|map=
KBHFa~~terminus
WASSERq\hKRZWae\WASSERq~~ ~~ ~~ ~~Jembatan
LDER\INT\~~1 km~~stasiun~~transfer ke KC
\KBHFe\BUS~~2 km~~terminus~~terminal bus
}}
Contoh 1.2
terminus
Jembatan
1 km
stasiun
transfer ke KC
2 km
terminus
terminal bus
  • Pasangan ketiga dan keempat dari dua tilda di atas dapat diabaikan jika tidak ada informasi lain tersedia.
  • Setelah ID ikon terakhir, jika hanya ada satu set "tilde-tilde" (~~), maka teks yang akan ditampilkan adalah teks utama alih-alih jarak/waktu.
  • Jangan lupa untuk memberi spasi pada masing-masing pasangan tilda, karena jika tidak, maka dianggap sebagai empat tilda yang otomatis berubah menjadi tanda tangan.

Sel teks pada baris ikon

sunting
*teks\d*teks\cd*teks~~teks utama
{{Routemap
|title=Contoh 1.3
|map=
ENDEa~~ ~~ ~~Wesel pindah posisi
SPLa
cPLT\vSTR\cPLT~~Stasiun
d*1\cPLT\vSTR\cPLT\d*2~~ ~~ ~~Nomor peron
cPLT\vSTR\cPLT
vCONTfge~~ ~~ ~~''ke Kota''
}}
Contoh 1.3
Wesel pindah posisi
Stasiun
1
2
Nomor peron
ke Kota

Tanda bintang mengindikasikan bahwa sel teks dapat diawali dengan salah satu lebar BSicon dengan awal sebagai berikut. (BSicon normal berbentuk persegi.)

Huruf o c d cd none b s bs w
Lebar ¼ ½ ¾ 1 2 4 6 8

Tumpang tindih ikon, pranala ikon, latar belakang, dan colspan

sunting
{{Routemap
|title=Contoh 2.1
|map=
-colspan-1
Tumpang tindih ikon
uSTRq!~STR2!~BHF!~lHUB\\dSTR!~uSTRq\dSTR!~dNULf
-colspan-2-style=border-bottom:5px solid red;
----
Pranala ikon
utBHF!@Superhub
-colspan
----
Latar belakang
-colspan-end
utSTR~~ ~~ ~~ ~~ ~~bg=#7af
}}
Contoh 2.1

Tumpang tindih ikon


Pranala ikon


Latar belakang

  • Markah tumpang tindih "tanda seru-tilda" (!~) harus diikuti ID ikon yang akan ditumpangtindihkan di atasnya.
  • Meski batas tumpang tindih tidak terbatas, pastikan Anda jangan terlalu banyak melakukan tumpang tindih ikon.
  • Lebar ikon lapisan bawah menentukan lebar kombinasi, meskipun lebih kecil daripada ikon lapisan atas. Ikon-ikon tersebut disejajarkan dengan tepi kirinya saling berdekatan, sehingga tidak rata tengah jika lebarnya berbeda. Jika ikon lapisan atas melebar melewati ikon lapisan bawah, ikon lapisan bawah akan menarik ikon sebelahnya mendekat ke ikon lapisan bawah.
  • Saat menggunakan tumpang tindih ikon dan pranala ikon pada sel yang sama, tanda pranala ikon (!@) harus ditempatkan setelah ID ikon lapisan paling atas.
  • Parameter warna latar belakang (bg=) harus didahului dengan 5 set pemisah teks (dua tilda) agar dapat dikenali meskipun tidak ada teks sama sekali pada baris tersebut.

Pemformatan lainnya

sunting
{{Routemap
|title=Contoh  2.2
|map=
utSTR~~ ~~ ~~{{mono|1=bg=<abbr title="Warna BSicon normal untuk jalur air.">#007CC3</abbr>}}~~ ~~bg=#007CC3
*1\*2\*3~~ ~~ ~~{{mono|1=color=red,bold=yes}}~~ ~~color=red,bold=yes
*A\*C\*E~~ ~~ ~~{{mono|1=align=l,b=1,fontsize=cmt}}~~ ~~align=left,b=1,fontsize=cmt
*B\*D\*F~~ ~~ ~~{{mono|1=colour=orange, align=b, i=y}}~~ ~~colour=orange, align=b, i=y
}}
Contoh 2.2
bg=#007CC3
1
2
3
color=red,bold=yes
A
C
E
align=l,b=1,fontsize=cmt
B
D
F
colour=orange, align=b, i=y

Di samping bg=, ada beberapa parameter yang dipisah dengan koma (,), yang digunakan untuk mengatur tampilan baris. Hanya bg= yang dapat digunakan untuk mengatur tampilan ikon; yang lain hanya teks.

Parameter baris
Nama parameter Nilai Hasil
bg=, background= ataubgcolor= Nama warna X11 (dalam bahasa Inggris), Hex RGB, atau nilai valid lainnya yang diakui properti latar belakang CSS Latar belakang baris memiliki warna
color= atau colour= Nama warna X11 (dalam bahasa Inggris) atau Hex RGB, Sel teks pada baris memiliki warna
b= atau bold= 1, yes, y atautrue Sel teks pada baris ditebalkan
i=, it= atau italic= 1, yes, y atautrue Sel teks pada baris dimiringkan
align= Tidak diisi, atau nilai tidak sah Teks sel rata tengah horizontal maupun vertikal
l atau left Teks sel rata kiri
r atau right Teks sel rata kanan
a, t atau top Teks sel rata atas
e, b atau bottom Teks sel rata bawah
la, tl, c4, nw, top-left atau topleft Teks sel rata kiri atas
ra, tr, c1, ne, top-right atau topright Teks sel rata kanan atas
le, bl, c3, sw, bottom-left atau bottomleft Teks sel rata kiri bawah
re, br, c2, se, bottom-right atau bottomright Teks sel rata kanan bawah
fontsize= Tidak diisi Teks pada sel 10px dan diubah ke bentuk yang lebih sempit (contohnya)
info atau main Teks pada sel sama dengan teks bilah sisi yang besar (kolom kedua dari tengah)
cmt atau comment Teks pada sel sama dengan teks bilah sisi yang kecil (kolom lain)
Nilai valid dari properti ukuran fon CSS Teks pada sel ukurannya berbeda (persentase relatif pada teks bilah sisi yang besar)

Sel individu/ikon

sunting
ikon!_bg=purple\*teks__align=l!~*lebih banyak teks__align=r,b=yes
  • Parameter untuk ikon tunggal atau sel teks (contoh: BHF, *Teks) diawali dengan dua garis bawah (__).
  • Parameter untuk isi sel tabel (tumpukan objek-objek, maupun ikon tunggal atau kotak teks tanpa tumpang tindih) diawali dengan tanda seru dan tanda garis bawah (!_). Ini harus mengikuti pranala (jika ada).
  • Untuk lapisan ikon paling atas, parameter ikon tunggal (jika ada) harus mendahului parameter tumpukan objek.
  • Kebanyakan parameter sama seperti halnya parameter baris, tetapi dengan tambahan-tambahan. Tambahannya lagi, nilai align=, bg= dan color= akan mengambil alih parameter baris.
Parameter ikon, kotak teks, dan tumpukan ikon
Nama parameter Nilai Hasil
bg=, background= atau bgcolor= Nama warna X11 (dalam bahasa Inggris), Hex RGB, atau nilai valid lainnya yang diakui properti latar belakang CSS Latar belakang berwarna

Jangan digunakan dengan tumpukan ikon.

color= atau colour= Nama warna X11 (dalam bahasa Inggris) atau Hex RGB, Semua teks pada sel, atau teks pada kotak teks individu, akan diwarnai
b= atau bold= 1, yes, y atau true Teks tebal
i=, it= atau italic= 1, yes, y atau true Teks miring
align= Tidak ada atau nilai tidak valid Teks rata menurut indukannya (bawaan: rata tengah vertikal dan horizontal)
l atau left Teks akan rata ... (vertikal dan horizontal)
"diwariskan" maksudnya akan mengikuti tetapan baris induknya
diwariskan kiri
r atau right diwariskan kanan
a, t atau top atas diwariskan
e, b atau bottom bawah diwariskan
la, tl, c4, nw, top-left atau topleft atas kiri
ra, tr, c1, ne, top-right atau topright atas kanan
le, bl, c3, sw, bottom-left atau bottomleft bawah kiri
re, br, c2, se, bottom-right atau bottomright bawah kanan
c, center atau centre diwariskan tengah hor.
m atau middle tengah ver. diwariskan
ma, tc, top-center, top-centre, topcenter atau topcentre atas tengah hor.
me, bc, bottom-center, bottom-centre, bottomcenter atau bottomcentre bawah tengah hor.
lm, ml, middle-left atau middleleft tengah ver. kiri
rm, mr, middle-right atau middleright tengah ver. kanan
cm, mc, middle-center, middle-centre, middlecenter atau middlecentre tengah ver. tengah hor.
fontsize= Tanpa nilai Teks pada sel 10px dan diubah ke bentuk yang lebih sempit (contohnya)
info atau main Text is the same size as the large sidebar text (second column from center)
cmt atau comment Teks pada sel sama dengan teks bilah sisi yang besar (kolom kedua dari tengah)
Any valid values of the CSS font-size property Teks pada sel sama dengan teks bilah sisi yang kecil (kolom lain)
abbr= Pretty much anything that doesn't mess up the MediaWiki markup Teks pada sel ukurannya berbeda (persentase relatif pada teks bilah sisi yang besar)

Menciutkan templat (collapsible)

sunting
{{Routemap
|title=Contoh 3.1: Cara menciutkan templat
|text-width=80
|map=
-startCollapsible-collapsed
\KBHFa\~~terminus
hSTRa@g
WASSERq\hKRZW\WASSERq~~ ~~ ~~ ~~jembatan
hSTRe@f
-endCollapsible-
LDER\INT\~~ ~~stasiun~~transfer ke KC
\KBHFe\BUS~~ ~~terminus~~terminal bus
}}
Contoh 3.1: Cara menciutkan templat
terminus
jembatan
stasiun
transfer ke KC
terminus
terminal bus
{{Routemap
|title=Contoh  3.2:<br/>Mencampur baris ganjil dan genap
|tw=70
|map=
-startCollapsible-collapsed
d\KBHFa\d~~terminus
hKRZWae~~ ~~ ~~jembatan
-endCollapsible-
BS2+l\BS2+r~~percabangan
}}
Contoh 3.2:
Mencampur baris ganjil dan genap
terminus
jembatan
percabangan
  • Atur |text-width= (atau |tw=) sampai tidak pecah.
    • Satuan secara bawaan menggunakan "px", tetapi boleh dengan "em".
    • Periksa peta di peramban dan seluler yang berbeda, dan tambah lebar teks jika peta pecah.
  • Nomor ikon pada baris pertama bagian yang dapat diciutkan harus sama dengan atau lebih besar dari nomor ikon pada baris terluas yang tidak dapat diciutkan.
    • Per contoh 3.2, gunakan ikon kosong setengah lebar   (d) sebagai pengisi saat Anda mencampur baris ganjil dan genap pada peta yang sama.
  • Mengubah "collapsed" ke "nil" akan mengubah status bawaan bagian yang dapat diciutkan menjadi terbuka seluruhnya.

Cara lain

sunting
{{Routemap
|title=Contoh 4.1
|text-width=150
|map=
KBHFa~~terminus
-startCollapsible-collapsed-replace
\LSTR\~~bagian tersembunyi
\hSTRa@g\
WASSERq\hKRZW\WASSERq~~ ~~ ~~viaduk
hSTRe@f
-endCollapsible-
LDER\INT\~~ ~~stasiun~~transfer ke KC
\KBHFe\BUS~~ ~~terminus~~terminal bus
}}
Contoh 4.1
terminus
bagian tersembunyi
viaduk
stasiun
transfer ke KC
terminus
terminal bus
{{Routemap
|title=Contoh 4.2 Pengisi kekosongan
|text-width=150
|map=
-startCollapsible-collapsed-replace
exCONTg~~sedang dibangun
leer
exKBHFa~~rencana terminus
exBHF~~rencana station
-endCollapsible
KBHFxa~~terminus
KBHFe~~terminus
}}
Contoh 4.2 Pengisi kekosongan
sedang dibangun
rencana terminus
rencana station
terminus
terminus
  • Baik pengganti maupun yang diganti harus selebar baris terlebar yang tidak dapat diciutkan pada diagram.
  • Jika Anda ingin menyembunyikan baris yang diganti setelah memperluas bagian yang diciutkan, gunakan ikon   (leer) sebagai pengisi kekosongan, lihat contoh 4.2.
  • Usahakan untuk memberikan lebar teks yang cukup. Di sini, penggunaan text-width=120 akan merusak perataan ikon.
  • Elemen yang dapat diciutkan sengaja dinonaktifkan dalam tampilan seluler, sehingga baris yang diganti tidak akan pernah terlihat. Ingatlah hal ini saat membuat diagram.

Bilah sisi teks ganda

sunting

Untuk diagram yang lebih besar dan rumit, sering kali ada baiknya untuk memiliki bilah sisi teks di sebelah kiri dan kanan.

keterangan teks kiri 2~~keterangan teks kiri 1~~teks utama kiri~~jarak/waktu kiri! !ID ikon~~jarak/waktu kanan~~teks utama kanan~~keterangan teks kanan 1~~keterangan teks kanan 2

atau

teks utama kiri! !ID ikon~~teks utama kanan
{{Routemap
|title=Contoh 5
|map=
~~km! !~~km~~
terminus komuter~~0! !uKBHFa\\KBHFa~~0~~terminus lokal
Sungai Boris~~ ~~! !uhKRZWae\WASSERq\hKRZWae~~ ~~ ~~jembatan
transfer ke KC~~stasiun~~1! !uINT\LDER\LSTR
terminus komuter~~2! !uKBHFe\\KBHFe~~2~~terminus lokal
}}
Contoh 5
km
km
terminus komuter
0
0
terminus lokal
Sungai Boris
jembatan
transfer ke KC
stasiun
1
terminus komuter
2
2
terminus lokal
  • Teks yang disebelah kiri dipisahkan menggunakan tanda seru-spasi-tanda seru (! !).
  • Jika tidak ada "tilda-tilda" (~~) di sebelah kiri "tanda seru-spasi-tanda seru", teks yang di sebelah kiri akan menjadi teks utama.

Bilah sisi yang dapat diciutkan

sunting
Kode Hasil
{{Routemap
|title=Contoh 6.1: Semua sel teks digunakan
|text-width=,130,,,110,
|map=
~~km! !\\~~km~~
-startCollapsible
terminus komuter~~0{{0|00}}! !uKBHFa\leer\KBHFa~~{{0|00}}0~~terminus lokal
Sungai Boris~~ ~~! !uhKRZWae\WASSERq\hKRZWae~~~~ ~~jembatan
-endCollapsible
transfer ke KC~~stasiun~~1! !uINT\LDER\LSTR
terminus komuter~~2{{0|00}}! !uKBHFe\\KBHFe~~{{0|00}}2~~terminus lokal
}}
Contoh 6.1: Semua sel teks digunakan
km
km
terminus komuter
000
000
terminus lokal
Sungai Boris
jembatan
transfer ke KC
stasiun
1
terminus komuter
200
002
terminus lokal
{{Routemap
|title=Contoh 6.2: Hanya teks utama yang diterapkan
|style=width:380px
|text-width=,120,,,120,
|map=
-startCollapsible
terminus komuter! !uKBHFa\\KBHFa~~terminus lokal
Sungai Boris! !uhKRZWae\WASSERq\hKRZWae~~jembatan
-endCollapsible
stasiun! !uINT\LDER\LSTR
terminus komuter! !uKBHFe\\KBHFe~~terminus lokal
}}
Contoh 6.2: Hanya teks utama yang diterapkan
terminus komuter
terminus lokal
Sungai Boris
jembatan
stasiun
terminus komuter
terminus lokal
  • Terapkan |text-width= untuk menghilangkan bagian yang pecah
    • Hanya satu nilai: right main text+right remark
    • Tiga nilai: pisahkan dengan koma: right dist./time,right main text+right remark,right-right remark
    • Enam nilai: Left-left remark,left remark+left main text,left dist./time,right dist./time,right main text+right remark,right-right remark
    • Jika jumlah nilainya bukan 1, 3, atau 6, seluruh parameter diabaikan.
  • Jika lebar teks right-right remark lebih kecil daripada yang diinginkan, penetapannya dapat diabaikan, seperti contoh 6.1.
  • Jika sel teks spesifik tidak digunakan di mana pun pada peta, penetapan lebarnya dapat diabaikan, seperti contoh 6.2.
  • Tentukan lebar tabel umum dengan parameter {{{style}}} jika {{{text-width}}} tidak dapat mencegah peta pecah.
  • Jika sel ikon kosong dari baris yang dapat diciutkan dipaksakan untuk mengoreksi kolom ikon, gunakan ikon kosong   (leer).

Baris pengisi

sunting
Kode Hasil
{{Routemap
|title=Contoh 7
|map=
uKBHFa!~HUBaq\HUBq\KBHFa orange!~HUBeq
-filler--#003399\\#FF6600
uBHF!~HUBaq\KBHFa!~HUBq\BHF orange!~HUBeq
-filler--u\-\orange
uKBHFe!~HUBaq\KBHFxe!~HUBq\KBHFxe orange!~HUBeq
-filler-80px-\ex\ex_orange~~ ~~ ~~Sampel<br>teks~~ ~~bg=#007CC3
\exKBHFe!~HUBaq\exKBHFe orange!~HUBeq
}}
Contoh 7
Sampel<br>teks

Ikhtisar sintaksis

sunting
Sintaksis Tujuan
\ Pemisah dua jajaran ikon
!~ Tumpang tindih ikon
!@ Pranala ikon
!_ Mengawali parameter pemformatan tumpukan ikon
__ Mengawali parameter pemformatan ikon
~~ Pemisah teks
! ! Pemisah antara ikon dengan teks sebelah kiri
key=value,... Parameter pemformatan
-startCollapsible Awal bagian yang dapat diciutkan
-endCollapsible Akhir bagian yang dapat diciutkan
-colspan Awal sel tabel nondiagram
-colspan-end Akhir sel tabel nondiagram
-colspan-n Awal sel tabel non-diagram; n baris kode berikutnya ada di dalam sel tersebut (n dapat berupa bilangan bulat positif apa pun)
-filler-... Awal baris pengisi

Menyematkan ke kotak info

sunting
  • Gunakan {{{inline}}} untuk menghilangkan bilah judul. Untuk membuat templat yang pisah dari artikel, tetapi ingin disematkan pada kotak info, tambahkan <includeonly>inline=1</includeonly>. Juga, {{{navbar pos}}} sangat membantu untuk mengubah posisi {{Navbar}}.
{{Infobox station
| name = {{color box|orange}} Station layout
| image = Placeholder.png
| image_upright = 0.5
| image_caption = Platform level
| opened = {{Start date|1935|05|15|df=y}}
| tracks = 2
| route_map =
{{routemap|inline=1|navbar=asd|navbar pos=2|
KBHFa~~terminus
WASSERq\hKRZWae\WASSERq~~ ~~ ~~ ~~Jembatan
LDER\INT\~~1 km~~station~~transfer ke KC
\KBHFe\BUS~~2 km~~terminus~~terminal bus
}}
}}
  Station layout
Platform level
Jumlah jalur2
Sejarah
Dibuka15 Mei 1935 (1935-05-15)
Diagram stasiun
terminus
Bridge
1 km
station
transfer for HSR
2 km
terminus
bus terminal
Sunting kotak info
Sunting kotak info • L • B
Info templat
Bantuan penggunaan templat ini

TemplateData

sunting
Ini dokumennya TemplateData untuk template ini digunakan oleh VisualEditor dan alat lainnya; lihat laporan penggunaan parameter bulanan untuk templat ini.

TemplateData untuk Routemap

Template for displaying diagram composed of icon images and text labels in uniform style.

Parameter templat

Templat ini lebih menyukai format parameter dalam blok.

ParameterKeteranganJenisStatus
Inline stateinline

Remove title bar and border for transclusion in infobox

Kataopsional
Table titletitle

Official title of the system. Value «no» will remove the table title row, but this will also disable the table collapsible switch as well

Kataopsional
Title font colortitle color title-color

Color of the title's text; automatically black or white to contrast with the title background color. Only use colors that contrast well with the background color

Baku
#FFF or #252525; depends
Kataopsional
Title background colortitle bg color title-bg

Background color of the title

Baku
#27404E
Kataopsional
Collapsibilitycollapsible

Whether the whole infobox is collapsible or not

Kataopsional
Collapsing statecollapse collapsed

Collapsing state. Shown by default. Any value will make the table collapse by default

Kataopsional
Template name for Navbarnavbar

This must exactly match the diagram template page name so the Navbar template will appear and link to the template page

Kataopsional
Position of the Navbarnavbar pos

Position of the Navbar template. Float to left in the title bar by default; «1» for top-left corner of the map (just under the title bar); «2» for the middle bottom of the map

Kataopsional
Small navbarnavbar mini

If the navbar is not in default position, then this changes whether the navbar displays as "V · T · E" (default for navbar pos 1; values: «1», «y», «yes», «true») or "This diagram: view · talk · edit" (default for navbar pos 2; values: «0», «n», «no», «false»).

Kataopsional
Legend appearancelegend

Alias of the legend link. It can be «bus», «canal», «footpath», «road» or «track». «0» or «no» for no legend at all

Baku
Template:Railway line legend
Nama halamanopsional
Legend link textlegend alt

Different link name in place of «Legend» if desirable

Baku
Legend
Kataopsional
Floating statefloat

Floating state of the whole box: «right» by default; optionally «left» or «none»

Baku
right
Kataopsional
Background colorbg

Background color of the whole map area

Baku
#F9F9F9
Kataopsional
CSS style valuesstyle

Additional CSS style definition of the whole infobox

Kataopsional
Top notetop on top

Space for optional note or infobox above the map

Kataopsional
Bottom notefootnote bottom

Space for optional note or infobox below the map

Kataopsional
Width of map text celltext-width tw

Extend the width of the map text cell so the collapsible section within the map does not break

Kataopsional
Map markupsmap 1

Map data which uses specific markup/separators to load icon image and arrange the text in the uniform style. Use "map2", "map3" etc. for additional maps

Katawajib diisi
Map titlemap-title

Title of map. Use "map2-title", "map3-title" etc. for titles of addition maps

Kataopsional