模板:Location mark+
外觀
此模板用於在圖片上放置一個或多個標記,並可添加標籤。輔助模板{{Location mark~}}可被多次調用來生成帶標籤的標記。若只需標籤,模板{{Location mark label}}可將任意字體大小的彩色標籤放置在圖片上。
其他模板更適合疊加圖片。本模板使用相對坐標值在任何圖片上居中放置標記。即使合成圖片的尺寸改變,標記的相對位置也不會改變。合成圖片可以顯示為普通圖片、帶邊框圖片或縮略圖。
如果已知地理位置坐標且存在定位地圖模板,則應改用Location_map系列模板之一。下方的參見部分列出了替代模板。
用法
[編輯]{{Location mark+
| image =
| width =
| caption =
| alt =
| type =
| float =
| marks =
}}
|
{{Location mark~
| width =
| label =
| position =
| font_size =
| background =
| mark =
| mark_width =
| mark_alt =
| mark_link =
| x =
| y =
}}
|
參數
[編輯]| 參數 | 描述 |
|---|---|
image
|
必需。圖片檔案名稱。 |
overlay
|
要疊加在圖片上的圖片檔案名稱。應與原圖尺寸相同且背景透明。 |
width
|
設置圖片寬度(像素)。預設220px。例如width=240而非width=240px。
|
caption
|
使用縮略圖選項時顯示在圖片下方的說明文字。參見範例。 |
alt
|
地圖的替代文字。參見WP:ALT。若未提供則使用caption文字。
|
type
|
設置顯示格式。有效值為thumb和border。thumb生成類似[[File:|name|thumb]]的輸出,border生成類似[[File:|name|border]]的輸出。若未指定有效值,輸出將無邊框。參見下文和此頁面。
|
float
|
設置圖片在頁面中的位置。有效值為left、right、center和none。預設為right。
|
marks
|
使用模板{{Location mark~}}在圖片上放置一個或多個標記。參見下文。
|
| 參數 | 描述 |
|---|---|
width
|
圖片寬度。預設220px。必須與圖片寬度相同。 |
label
|
可選。顯示在標記旁的標籤文字。可使用維基連結。 |
position
|
標籤相對於標記的位置。有效值為left、right、top和bottom。預設為right。若未指定,模板將根據標記位置自動決定標籤顯示在左側或右側。
|
font_size
|
標籤字體大小(百分比)。預設為90%。例如font_size=80。
|
background
|
標籤文字的背景顏色。參見網頁顏色。預設繼承標籤後圖片的背景色。 |
mark
|
用作標記的圖片檔案名稱。預設為Red pog.svg。可前往這裡和這裡檢視範例。 |
mark_width
|
標記寬度(像素)。預設為8px。例如mark_width=7而非mark_width=7px。大尺寸標記圖片不適用於標籤。本模板不適用於生成疊加效果。參見{{Superimpose}}。
|
mark_link
|
指定點擊標記時跟隨的維基連結。當滑鼠懸停在標記上時,連結文章名稱將顯示為提示文字。 |
mark_alt
|
標記圖片的替代文字。參見WP:ALT。若未提供則使用label文字。
|
xy |
指定標記在圖片上的位置。坐標基於寬度為1000像素的地圖以像素為單位。模板會自動縮放這些值以正確顯示。參見下文。 |
x%y% |
指定標記在圖片上的位置。x%指定從左邊緣開始的橫向距離百分比,y%指定從上邊緣開始的縱向距離百分比。參見下文。
|
| 參數 | 描述 |
|---|---|
label
|
要顯示的標籤文字,可使用維基連結。 |
lwidth
|
標籤顯示寬度,超出將換行(預設:lwidth=18em)。 |
lheight
|
標籤行高,用於調整行間距(預設:lheight=111%)。 |
position
|
標籤相對於標記的位置。有效值為left、right、top和bottom。預設為right。若未指定,模板將根據標記位置自動決定標籤顯示在左側或右側。
|
size
|
標籤字體大小。預設為90%。例如:size=80。
|
color
|
標籤文字前景色。參見網頁顏色。預設:黑色。範例:color=purple或color=#0099EE(青藍色)。 |
bg
|
標籤文字背景色。參見網頁顏色。預設繼承標籤後圖片的背景色。範例:bg=darkorange或bg=#0099EE(青藍色)。 |
mark
|
用作標記的圖片檔案名稱。預設為Red pog.svg。可前往這裡和這裡檢視範例。 |
mark_width
|
標記寬度(像素)。預設為0(不顯示)。例如:mark_width=7。
|
mark_link
|
指定點擊標記時跟隨的維基連結。 |
mark_alt
|
標記的替代文字。參見WP:ALT。預設使用label。
|
x或x%
|
標籤在水平軸上的左右位置。參見下文。 |
y或y%
|
標籤在垂直軸上的上下位置。參見下文。 |
標記放置參數
[編輯]有兩種在圖片上放置標記的方法。
使用x和y參數在圖片上放置標記
[編輯]x和y參數的值是當圖片縮放至1000像素寬時,位置標記的像素坐標。
x是標記距1000px寬圖片左邊緣的像素偏移量。y是標記距1000px寬圖片上邊緣的像素偏移量。
獲取這些值至少有兩種方法:
- 從圖片的檔案頁面下載圖片到電腦。用圖形編輯器(如GIMP或XnView)打開圖片。將圖片縮放至1000px寬,然後記下光標指向目標位置時的x、y坐標。直接使用這些值。
- 從圖片的檔案頁面下載圖片到電腦。用能顯示光標坐標的圖片檢視器(如微軟的畫圖)打開圖片。記下光標指向目標位置時的x'、y'坐標。然後:
- 1000 · x'/w = x 和 1000 · y'/w = y
- 其中x'和y'是光標坐標,w是電腦上顯示的圖片寬度,x和y是要賦給
x和y參數的值。
- 其中x'和y'是光標坐標,w是電腦上顯示的圖片寬度,x和y是要賦給
使用x%和y%參數在圖片上放置標記
[編輯]- x%指定從左邊緣開始的橫向距離百分比。
- y%指定從上邊緣開始的縱向距離百分比。
type參數
[編輯]default
|
type=border
|
type=thumb
|
|---|---|---|
範例
[編輯]前兩個範例可使用{{Location map+}}實現。
使用大部分預設值
[編輯]{{Location mark+
| width =
| image = Scotland relief location map.jpg
| caption = Weather stations in Scotland
| float =
| type =
| marks =
{{Location mark~
| width =
| label = '''Cape Wrath'''
| position =
| x = 452 | y = 480 }}
{{Location mark~
| width =
| label = '''Rattray Head'''
| position =
| x = 835 | y = 703 }}
{{Location mark~
| width =
| label = '''Ardnamurchan Point'''
| position =
| x = 307 | y = 865 }}
}}
為標籤使用背景色
[編輯]Largest cities in North Rhine-Westphalia
{{Location mark+
| image = North Rhine-Westphalia location map 05.svg
| width = 300
| caption = Largest cities in [[North Rhine-Westphalia]]
| type = thumb
| marks =
{{Location mark~
| width = 300
| label = Cologne
| position = right
| background = #a7cb9d
| x = 302 | y = 702 }}
{{Location mark~
| width = 300
| label = Düsseldorf
| position = left
| background = #a7cb9d
| x = 267 | y = 574 }}
{{Location mark~
| width = 300
| label = Dortmund
| position = right
| background = #a7cb9d
| x = 456 | y = 457 }}
{{Location mark~
| width = 300
| label = <br />Essen
| position = right
| background = #a7cb9d
| x = 328 | y = 484 }}
{{Location mark~
| width = 300
| label = Duisburg
| position = left
| background = #a7cb9d
| x = 261 | y = 496 }}
}}
使用不可見標記
[編輯]{{Location mark+
| image = Take five.jpg
| caption = Cute chicks
| type = thumb
| marks =
{{Location mark~
| label = Rachel
| position = top
| background = #ae9074
| mark = Blanksvg.svg
| x = 433 | y = 295 }}
{{Location mark~
| label = Alice
| position = top
| background = #ae9074
| mark = Blanksvg.svg
| x = 812 | y = 245 }}
}}
參見
[編輯]- {{Location mark}}
- {{Location map}}
- {{Location map+}}
- {{Superimpose}}
- {{Superimpose2}}
- {{Overlay}}
- {{Annotated image}}
- {{Image label}}