模板:Location mark label

File:Test Template Info-Icon - Version (2).svg 模板文件[檢視] [編輯] [歷史] [清除快取]

此模板用於在圖片上放置一個或多個標記，並可添加標籤。輔助模板{{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 = }}

參數

Location map+參數

參數	描述
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~}}在圖片上放置一個或多個標記。參見下文。

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文字。
x y	指定標記在圖片上的位置。坐標基於寬度為1000像素的地圖以像素為單位。模板會自動縮放這些值以正確顯示。參見下文。
x% y%	指定標記在圖片上的位置。x%指定從左邊緣開始的橫向距離百分比，y%指定從上邊緣開始的縱向距離百分比。參見下文。

Location mark label參數

參數	描述
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寬圖片上邊緣的像素偏移量。

獲取這些值至少有兩種方法：

1. 從圖片的文件頁面下載圖片到電腦。用圖形編輯器（如GIMP或XnView）打開圖片。將圖片縮放至1000px寬，然後記下光標指向目標位置時的x、y坐標。直接使用這些值。
2. 從圖片的文件頁面下載圖片到電腦。用能顯示光標坐標的圖片查看器（如微軟的畫圖）打開圖片。記下光標指向目標位置時的x'、y'坐標。然後：

1000 · x'/w = x  和  1000 · y'/w = y

其中x'和y'是光標坐標，w是電腦上顯示的圖片寬度，x和y是要賦給x和y參數的值。

使用x%和y%參數在圖片上放置標記

x%指定從左邊緣開始的橫向距離百分比。

y%指定從上邊緣開始的縱向距離百分比。

type參數

default	type=border	type=thumb
蘇格蘭海岸的三個地點 Cape Wrath Cape Wrath Rattray Head Rattray Head Ardnamurchan Point Ardnamurchan Point	蘇格蘭海岸的三個地點 Cape Wrath Cape Wrath Rattray Head Rattray Head Ardnamurchan Point Ardnamurchan Point	蘇格蘭海岸的三個地點 Cape Wrath Cape Wrath Rattray Head Rattray Head Ardnamurchan Point Ardnamurchan Point 蘇格蘭海岸的三個地點

示例

前兩個示例可使用{{Location map+}}實現。

使用大部分默認值

Weather stations in Scotland

Cape Wrath

Cape Wrath

Rattray Head

Rattray Head

Ardnamurchan Point

Ardnamurchan Point

{{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

Cologne

Cologne

Düsseldorf

Düsseldorf

Dortmund

Dortmund

Essen

Essen

Duisburg

Duisburg

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 }}
}}

使用不可見標記

Cute chicks

Rachel

Rachel

Alice

Alice

Cute chicks

{{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}}

上述文件嵌入自Template:Location mark+/doc。（編輯 | 歷史）
編者可以在本模板的沙盒（建立 | 鏡像）和測試樣例（建立）頁面進行實驗。
本模板的子頁面。