Sjabloon:Location map many/doc

Template:Location map many creates a location map as a composite image of an existing map, with multiple (up to 9) markers and optional labels superimposed onto it. This template functions in the style of Template:Location_map, but allows 9 markers and labels (rather than just one marker).

For an unlimited list of markers/labels, see: Template:Location map+, which specifies points as a coded template list of markers/labels.

Usage

The first unnamed parameter (shown as {{{1}}} below) specifies a map definition template. If {{{1}}} is Spain, the map image and coordinates are based on the values defined in Template:Location map Spain.

{{Location map many | {{{1}}} | width = | float = | border = | caption = | alt = | relief = | AlternativeMap = | <!--first label/marker--> | label1 = <!-- or: label --> | label1_size = <!-- or: label_size --> | position1 = <!-- or: position, pos1, pos --> | background1 = <!-- or: background, bg1, bg --> | mark1 = <!-- or: mark --> | mark1size = <!-- or: marksize --> | link1 = <!-- or: link --> | lat1_deg = <!-- or: lat_deg --> | lat1_min = <!-- or: lat_min --> | lat1_sec = <!-- or: lat_sec --> | lat1_dir = <!-- or: lat_dir --> | lon1_deg = <!-- or: lon_deg --> | lon1_min = <!-- or: lon_min --> | lon1_sec = <!-- or: lon_sec --> | lon1_dir = <!-- or: lon_dir --> | <!--second label/marker--> | label2 = | label2_size = | position2 = <!-- or: pos2 --> | background2 = <!-- or: bg2 --> | mark2 = | mark2size = | link2 = | lat2_deg = | lat2_min = | lat2_sec = | lat2_dir = | lon2_deg = | lon2_min = | lon2_sec = | lon2_dir = | <!--repeat as needed up to 9--> }}

Parameters

Map display parameters
Parameter	Description
{{{1}}}	Required. Use the name of the map as the first unnamed parameter. For example, specify England to use the values in {{Location map England}}. See the examples below.
width	Determines the width of the map in pixels. The default is 240. Do not include px, for example: width=300, not width=300px.
float	Specifies the position of the map on the page. Valid values are left, right, center and none. The default is right.
border	Specifies the color of the 1px map border. The default is lightgrey (see web colors). If set to none, no border will be generated. This parameter is seldom used.
caption	The text of a caption to be displayed below the map. Specifying a caption will cause the map to be displayed with a frame. If caption is defined but is not assigned a value, the map will not be framed and no caption will be displayed. If caption is not defined, the map will not be framed and a default caption will be generated. The default caption is created from the label parameter (or the current page name if label not defined) and the name parameter from map definition template. See the examples below.
alt	Alt text for map; used by screen readers, see WP:ALT.
relief	Any non-blank value (1, yes, etc.) will cause the template to display the map specified in the map definition template as image1, which is usually a relief map. See the example at Location map+/relief.
AlternativeMap	Allows the use of an alternative map. The image must have the same edge coordinates as the location map template. See the example at Location map+/AlternativeMap.
overlay_image	Allows an overlay to be superimposed on the map. This parameter is seldom used. See the example at Location map+/overlay.
Label and mark parameters
Parameter	Description
label1 ... label9	The text of the label to display next to the mark. A wiki link can be used. The default if not specified is no label, just the marker.
label1_size ... label9_size	The font size to use for the label, given as a percentage of the normal font size (<100 = smaller, >100 = larger). The default is 90. Do not include %, for example: label_size=80, not label_size=80%.
position1 ... position9	The position of the label relative to the mark. Valid values are left, right, top and bottom. The default is right.
background1 ... background9	The background color to use for the label. See Web colors. The default is no background color, which shows the map image behind the label.
mark1 ... mark9	The name of an image to display as the mark. The default is Red pog.svg (8px). See examples at Commons:Location markers and Commons:Category:Map icons.
mark1size ... mark9size	The size of the mark in pixels. The default is 8. Do not include px, for example: marksize=10, not marksize=10px.
link1 ... link9	Specifies a wiki link which will be followed if the reader clicks on the mark. The name of the linked article is displayed when the mouse pointer hovers over the mark.
lat1_deg ... lat9_deg	Required. The degrees of latitude. This value can be specified using decimal degrees and when this format is used minutes and seconds should not be specified.
lat1_min ... lat9_min	The minutes of latitude.
lat1_sec ... lat9_sec	The seconds of latitude. Usually not necessary.
lat1_dir ... lat9_dir	N if north (default value) or S for south of the Equator. Other values will be disregarded. Not required if using signed decimal degrees (i.e. negative numbers for southern latitude).
lon1_deg ... lon9_deg	Required. The degrees of longitude. This value can be specified using decimal degrees and when this format is used minutes and seconds should not be specified.
lon1_min ... lon9_min	The minutes of longitude.
lon1_sec ... lon9_sec	The seconds of longitude. Usually not necessary.
lon1_dir ... lon9_dir	E for east (default value) or W for west of the Prime Meridian. Other values will be disregarded. Not required if using signed decimal degrees (i.e. negative numbers for western longitude).

Note: For brevity, parameters "pos" & "bg" are aliases (for "position" & "background"), with pos2, bg2, pos3, bg3, etc.

Markers

When a marker's mark#size=0, then that marker is skipped and only the related label is displayed, without the marker.

Each mark, mark2, mark3 (etc.) can be another image-symbol, such as Diamond_sheer_red_20.gif (marksize=20) to show a red diamond on the image: 20px or use: Cercle_rouge_100%.svg to show a red circle 20px or a larger black diamond: Diamond_sheer_black_37.gif as sized with a larger marksize=37 or similar number to resize the diamond somewhat: 37px

See Wikimedia pointer symbols: commons:Category:Map pointers.

Advisory messages

The degrees of latitude/longitude are validated, to show error messages, but location minutes can be set very large to place markers outside the map (with no warnings). Due to the numerous details of specifying 9 markers/labels, the latitude and longitude are checked to lie within the actual map limits specified in Template:Location_map_<parameter1>. Each marker/label is checked and can list a warning message (under the map), such as:

Latitude#4 (45.68) < map min(53.74).

Processing continues, with that marker actually placed off-map, and all latitude/longitude parameters are checked, for a total of 18 possible advisory messages. Only degrees of latitude/longitude are checked, so a value of 63 minutes would be valid to indicate 1 extra degree + 3 minutes, and setting lon_min=200 could still place a marker off-map (right-side) with no warning message. Also, large markers or long labels can spill over the edges of a map, allowing markers to point inward from outside the map. In such cases, a map could be centered by itself on the page ("float=center") to avoid overlapping the edge markers onto any surrounding article text.

Available maps

Partial list of live templates named Template:Location_map_<locname> (without "Template:" prefix here, A-F):

Special:Prefixindex/Template:Location_map_

Creating new maps

1. Find an appropriate blank map in equirectangular projection (otherwise, coordinates will drift off, typically further north)
2. Create a template named "Template:Location_map_locname" (copy the content of any other map template into it and enter appropriate values).
3. Set default parameter values (using those parameter names), such as setting "mark" with image-file name and "marksize" for pixels wide/tall, or set default label font size ("label_size = 78" percent).
4. Parameter names not used by "Template:Location_map" will be ignored by it, and only used for multiple-markers (such as defaulting "label2_size = 78" percent, or "mark2size=7" pixels).

Examples

Map with label "Pag" and "Anytown" (degrees)

[[file:Sjabloon:Location map Croatia|Sjabloon:Location map+/widthpx|Location map many/doc is located in Sjabloon:Location map Croatia]]<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;">

[[File:Sjabloon:Location map Croatia|8x8px|Pag|link=|alt=]]

Pag

<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;">

Anytown_Anywhere

Anytown_Anywhere

Location map many/doc (Sjabloon:Location map Croatia)

{{Location map many | Croatia
| width = 280
| float = right
| label = Pag
  | marksize = 8
  | pos = right
  | bg = yellow
  | lat_deg = 44 | lat_min = 26
  | lon_deg = 15 | lon_min = 3
| label2 = Anytown_Anywhere
  | mark2 = Rouge-Admin JollyRoger.svg
  | mark2size = 45
  | pos2 = top
  | bg2 = white
  | lat2_deg = 46 | lat2_min = 30
  | lon2_deg = 17 | lon2_min = 30
}}

Map with 3 labels (decimal)

[[file:Sjabloon:Location map Croatia|Sjabloon:Location map+/widthpx|Location map many/doc is located in Sjabloon:Location map Croatia]]<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;">

[[File:Sjabloon:Location map Croatia|8x8px|Pag|link=|alt=]]

Pag

<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;">

[[File:Sjabloon:Location map Croatia|8x8px|Anytown|link=|alt=]]

Anytown

<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Croatiapx; font-size: Sjabloon:Location map Croatiapx; line-height: 0;" title="">[[File:Sjabloon:Location map Croatia|Sjabloon:Location map CroatiaxSjabloon:Location map Croatiapx|Anytown2|link=|alt=]]

Anytown2

Location map many/doc (Sjabloon:Location map Croatia)

{{Location map many | Croatia
| width = 260
| float = right
| label = Pag
  | pos = right
  | marksize = 8
  | lat_deg = 44.44
  | lon_deg = 15.05
| label2 = Anytown
  | pos2 = bottom
  | bg2 = yellow
  | mark2size = 8
  | lat2_deg = 45.86
  | lon2_deg = 17.50
| label3 = Anytown2
  | pos3 = top
  | bg3 = lightgreen
  | lat3_deg = 46.23
  | lon3_deg = 18.43
}}

Example map with red triangle

<div class="thumbinner" style="width:px; ">

Location map many/doc is located in Sjabloon:Location map 100x100<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;">

[[File:Sjabloon:Location map 100x100|1x1px|Hispaniola|link=|alt=]]

Hispaniola

<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;">

Location map many/doc

<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">

<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;">

[[File:Sjabloon:Location map 100x100|1x1px|Cuba|link=|alt=]]

Cuba

Site of Hispaniola

{{Location map many | 100x100
| AlternativeMap = LocationJamaica.svg
| float = right
| width = 250
| caption = Site of '''Hispaniola'''
| label = Hispaniola
  | position = left
  | background = #CCDDFF
  | marksize = 1
  | lat_deg = 38.2
  | lon_deg = 69.3
| label2 =
  | mark2 = Diamond_sheer_red_37.gif
  | mark2size = 42
  | lat2_deg = 52.2
  | lon2_deg = 73.9
| label3 = Cuba
  | pos3 = left
  | mark3size = 1
  | lat3_deg = 59.2
  | lon3_deg = 68.0
}}

Map with some labels outside map

[[file:Sjabloon:Location map Croatia|Sjabloon:Location map+/widthpx|Location map many/doc is located in Sjabloon:Location map Croatia]]<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;">

[[File:Sjabloon:Location map Croatia|8x8px|Pag|link=|alt=]]

Pag

<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Croatiapx; font-size: Sjabloon:Location map Croatiapx; line-height: 0;" title="">[[File:Sjabloon:Location map Croatia|Sjabloon:Location map CroatiaxSjabloon:Location map Croatiapx|Anytown|link=|alt=]]

Anytown

<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Croatiapx; font-size: Sjabloon:Location map Croatiapx; line-height: 0;" title="">[[File:Sjabloon:Location map Croatia|Sjabloon:Location map CroatiaxSjabloon:Location map Croatiapx|Anytown2|link=|alt=]]

Anytown2

<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;">

[[File:Sjabloon:Location map Croatia|0x0px|North Croatia|link=|alt=]]

North Croatia

Location map many/doc (Sjabloon:Location map Croatia)

{{Location map many | Croatia
| width = 260
| float = right
| label = Pag | position=right
  | marksize = 8
  | lat_deg = 44.44
  | lon_deg = 15.05
| label2 = Anytown
  | pos2 = bottom
  | bg2 = yellow
  | marksize = 8
  | lat2_deg = 47.40
  | lon2_deg = 12.80
| label3 = Anytown2
  | pos3 = top
  | bg3 = lightgreen
  | lat3_deg = 41.98
  | lon3_deg = 18.43
| label4 = North Croatia
  | pos4 = left
  | bg4 = lightgreen
  | mark4size = 0
  | lat4_deg = 46.22
  | lon4_deg = 17.7
}}

Map with 9 markers (decimal)

[[file:Sjabloon:Location map Croatia|Sjabloon:Location map+/widthpx|Location map many/doc is located in Sjabloon:Location map Croatia]]<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Croatiapx; font-size: Sjabloon:Location map Croatiapx; line-height: 0;" title="">[[File:Sjabloon:Location map Croatia|Sjabloon:Location map CroatiaxSjabloon:Location map Croatiapx|Pag|link=|alt=]]

Pag

<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Croatiapx; font-size: Sjabloon:Location map Croatiapx; line-height: 0;" title="">[[File:Sjabloon:Location map Croatia|Sjabloon:Location map CroatiaxSjabloon:Location map Croatiapx|Anytown|link=|alt=]]

Anytown

<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Croatiapx; font-size: Sjabloon:Location map Croatiapx; line-height: 0;" title="">[[File:Sjabloon:Location map Croatia|Sjabloon:Location map CroatiaxSjabloon:Location map Croatiapx|Anytown2|link=|alt=]]

Anytown2

<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;">

44.0 (latitude)

<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">44.0 (latitude)<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;">

44.5

<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">44.5<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;">

45.0

<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">45.0<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;">

45.5

<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">45.5<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;">

46.0

<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">46.0<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;">

[[File:Sjabloon:Location map Croatia|1x1px|CROATIA|link=|alt=]]

<div style="font-size: 165%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">CROATIA

Location map many/doc (Sjabloon:Location map Croatia)

{{Location map many | Croatia
| width = 260
| float = right
| label = Pag
  | position = right
  | lat_deg = 44.44
  | lon_deg = 15.05
| label2 = Anytown
  | label2_size = 110
  | pos2 = bottom
  | background2 = yellow
  | lat2_deg = 45.86
  | lon2_deg = 17.50
| label3 = Anytown2
  | label3_size = 290
  | pos3 = top
  | background3 = green
  | lat3_deg = 46.23
  | lon3_deg = 18.43
| mark4 = Diamond_sheer_black_20.gif
  | mark4size = 19
  | label4 = 44.0 (latitude)
  | lat4_deg = 44.00
  | lon4_deg = 13.5
| mark5 = Diamond_sheer_black_20.gif
  | mark5size = 20
  | label5 = 44.5
  | lat5_deg = 44.50
  | lon5_deg = 13.5
| mark6 = Diamond_sheer_black_20.gif
  | mark6size = 20
  | label6 = 45.0
  | lat6_deg = 45.00
  | lon6_deg = 13.5
| mark7 = Diamond_sheer_black_20.gif
  | mark7size = 20
  | label7 = 45.5
  | lat7_deg = 45.50
  | lon7_deg = 13.5
| mark8 = Diamond_sheer_black_20.gif
  | mark8size = 20
  | label8 = 46.0
  | lat8_deg = 46.00
  | lon8_deg = 13.5
| label9 = ''CROATIA''
  | label9_size = 165
  | mark9size = <!--label only-->1
  | lat9_deg = 42.60
  | lon9_deg = 14.4
}}

Map with a custom label and text background

<div class="thumbinner" style="width:px; ">

[[file:Sjabloon:Location map Croatia|Sjabloon:Location map+/widthpx|Location map many/doc is located in Sjabloon:Location map Croatia]]<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Croatiapx; font-size: Sjabloon:Location map Croatiapx; line-height: 0;" title="">[[File:Sjabloon:Location map Croatia|Sjabloon:Location map CroatiaxSjabloon:Location map Croatiapx|Imotski|link=|alt=]]

Imotski

Imotski in Croatia

{{Location map many | Croatia
| width = 280
| float = right
| caption = Imotski in Croatia
| label = Imotski
| position = right
| background = #FFFFDD
| lat_deg = 43.44
| lon_deg = 17.21
}}

Map with enlarged marker and label

<div class="thumbinner" style="width:px; ">

[[file:Sjabloon:Location map Croatia|Sjabloon:Location map+/widthpx|Location map many/doc is located in Sjabloon:Location map Croatia]]<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;">

[[File:Sjabloon:Location map Croatia|14x14px|Pag|link=|alt=]]

Pag

Pag Island in Croatia

{{Location map many | Croatia
| width = 260
| float = right
| caption = Pag Island in Croatia
| label = Pag
| label_size = 200
| position = right
| marksize = 14
| background = #FFFFDD
| lat_deg = 44.44
| lon_deg = 15.05
}}

Map with no caption

[[file:Sjabloon:Location map Bosnia|Sjabloon:Location map+/widthpx|Location map many/doc is located in Sjabloon:Location map Bosnia]]<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Bosniapx; font-size: Sjabloon:Location map Bosniapx; line-height: 0;" title="">[[File:Sjabloon:Location map Bosnia|Sjabloon:Location map BosniaxSjabloon:Location map Bosniapx|Brčko|link=|alt=]]

Brčko

{{Location map many | Bosnia
| width = 150
| float = right
| caption =
| label = Brčko
| position = left
| lat_deg = 44.87
| lon_deg = 18.81
}}

Western Hemisphere

<div class="thumbinner" style="width:px; ">

[[file:Sjabloon:Location map United Kingdom|Sjabloon:Location map+/widthpx|Location map many/doc is located in Sjabloon:Location map United Kingdom]]<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map United Kingdompx; font-size: Sjabloon:Location map United Kingdompx; line-height: 0;" title="">[[File:Sjabloon:Location map United Kingdom|Sjabloon:Location map United KingdomxSjabloon:Location map United Kingdompx|Lockerbie|link=|alt=]]

Lockerbie

Lockerbie in Scotland

{{Location map many | United Kingdom
| width = 180
| float = right
| caption = Lockerbie in Scotland
| label = Lockerbie
| position = right
| lat_deg = 55 | lat_min=07 | lat_sec=16 | lat_dir=N
| lon_deg = 3 | lon_min=21 | lon_sec=19 | lon_dir=W
}}

Country that crosses 180° meridian

[[file:Sjabloon:Location map Russia|Sjabloon:Location map+/widthpx|Location map many/doc is located in Sjabloon:Location map Russia]]<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Russiapx; font-size: Sjabloon:Location map Russiapx; line-height: 0;" title="">[[File:Sjabloon:Location map Russia|Sjabloon:Location map RussiaxSjabloon:Location map Russiapx|Uelen|link=|alt=]]

Uelen

Location map many/doc (Sjabloon:Location map Russia)

{{Location map many | Russia
| width = 400
| float = right
| label = Uelen
| position = left
| background = #FFFFDD
| lat_deg = 66  | lat_min = 09 | lat_dir = N
| lon_deg = 169 | lon_min = 48 | lon_dir = W
}}

Marker examples

<div class="thumbinner" style="width:px; ">

[[file:Sjabloon:Location map Ukraine|Sjabloon:Location map+/widthpx|Location map many/doc is located in Sjabloon:Location map Ukraine]]<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Pfeil oben.svg

<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">Pfeil oben.svg

<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Pfeil unten.svg<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">Pfeil unten.svg <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Pfeil rechts.svg<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">Pfeil rechts.svg <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Pfeil links.svg<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">Pfeil links.svg <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Pfeil rechts oben.svg<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">Pfeil rechts oben.svg <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Pfeil rechts unten.svg<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">Pfeil rechts unten.svg <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Pfeil links oben.svg<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">Pfeil links oben.svg <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Pfeil links unten.svg<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">Pfeil links unten.svg <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Point carte.svg<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">Point carte.svg <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Square city locator.png<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">Square city locator.png <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Solid red square.svg<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">Solid red square.svg <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Solid blue.svg<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">Solid blue.svg <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Fadenkreuz.svg<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">Fadenkreuz.svg <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Crosshairs Red.svg<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">Crosshairs Red.svg <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Purple pog.svg<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">Purple pog.svg <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Yellow pog.svg<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">Yellow pog.svg <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Map-Pin.png<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">Map-Pin.png <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Dot-yellow.svg<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">Dot-yellow.svg <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Blue-circle.gif<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">Blue-circle.gif <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Flashspot.gif<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">Flashspot.gif <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Location dot blue.svg<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">Location dot blue.svg <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Location dot black.svg<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">Location dot black.svg <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Arrows 12x12 nw.svg<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">Arrows 12x12 nw.svg <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Arrows 12x12 ne.svg

Arrows 12x12 ne.svg

<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Fire.svg

Fire.svg

<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Black triangle2.svg

Black triangle2.svg

<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Blue Fire.svg

Blue Fire.svg

<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">City locator Montagne.svg

City locator Montagne.svg

<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Cercle rouge 100%.svg

Cercle rouge 100%.svg

<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">White flag icon.svg

White flag icon.svg

<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Legenda miejsce bitwy.svg

Legenda miejsce bitwy.svg

<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">X solid black 17.gif

X solid black 17.gif

Some symbols that show up well

<div class="thumbinner" style="width:px; ">

[[file:Sjabloon:Location map Ukraine|Sjabloon:Location map+/widthpx|Location map many/doc is located in Sjabloon:Location map Ukraine]]<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">City locator 0.svg

<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">City locator 0.svg

<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">City locator 1.svg<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">City locator 1.svg <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">City locator 2.svg<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">City locator 2.svg <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">City locator 6.svg<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">City locator 6.svg <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">City locator 7.svg<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">City locator 7.svg <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">City locator 8.svg<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">City locator 8.svg <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">City locator 9.svg<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">City locator 9.svg <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">City locator 10.svg<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">City locator 10.svg <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">City locator 11.svg<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">City locator 11.svg <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">City locator 13.svg<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">City locator 13.svg <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">City locator 21.svg<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">City locator 21.svg <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">City locator 29.svg<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">City locator 29.svg <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Point rouge croix frontier vert green.svg<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">Point rouge croix frontier vert green.svg <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Wikipedia-Marker-4.png<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">Wikipedia-Marker-4.png <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">StarArrowOR.svg<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">StarArrowOR.svg <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Castle.svg<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">Castle.svg <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Crime symbol handgun czeska80px.gif<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">Crime symbol handgun czeska80px.gif <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Gwiazda LnM.svg<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">Gwiazda LnM.svg <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Nuclear plant.svg<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">Nuclear plant.svg <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Quake pointer.svg<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">Quake pointer.svg <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Rotonda S7.svg<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">Rotonda S7.svg <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Wikipedia-Marker-isle.svg<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">Wikipedia-Marker-isle.svg <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">BSicon dB+Slg.svg<div style="font-size: 90%; line-height: 110%; position: relative; top: -1.5em; width: 6em; ">BSicon dB+Slg.svg <div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">BSicon ANCHOR.svg

BSicon ANCHOR.svg

<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">BSicon fAKRZu2.svg

BSicon fAKRZu2.svg

<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Xxxx.svg

Xxxx.svg

<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">BSicon xtGRENZE.svg

BSicon xtGRENZE.svg

<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Unesco Cultural Heritage logo.svg

Unesco Cultural Heritage logo.svg

<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Mining symbol.svg

Mining symbol.svg

<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Zoo icon.jpg

Zoo icon.jpg

<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">Vattenfall blue.svg

Vattenfall blue.svg

<div style="position: absolute; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Sjabloon:Location map Ukrainepx; font-size: Sjabloon:Location map Ukrainepx; line-height: 0;" title="">SymbolAirport.svg

SymbolAirport.svg

Random map icons. The "marksize=" option is needed to make some of them show up.

See Wikimedia pointer symbols: commons:Category:Map pointers.

Implementation notes

The map with markers/labels is implemented as nested HTML divisions. The map-image is in an HTML division, containing each point as a percent-locator division containing a marker-image sub-division plus a label sub-division. Each point is calculated (for a percent-locator division) with X or Y coordinate "XX.X%" or "YY.Y%" as follows:

• The div-tag is "<div style="position: absolute; z-index: 2; top: XX.X%; left: YY.Y%; ...>"
• For placing latitude, the calculation is:

• XX.X% = 100 * (top - (lat_deg + latmin/60 +latsec/3600) ) / (top - bottom)
• If lat_deg is empty, the combined decimal latitude is used from "lat".
• If lat_dir is "S" (south), the latitude is multiplied by -1.
• (Note latitude is positioned in reverse, from top of map downward.)

• For placing longitude, the calculation is:

• YY.Y% = 100 * ( (lon_deg + lonmin/60 +lonsec/3600) - left ) / (right - left)
• If lon_deg is empty, the combined decimal longitude is used as "long".
• If lon_dir is "W" (west), the longitude is multiplied by -1.

• The div-tag is ended as "height: 0; width: 0; margin: 0; padding: 0;">".
• Within that division the marker/label sub-divisions are coded as:

• <div style="position: relative text-align: center; ...">.

• For label position, the options are shifted as:

• when position=left, adds "left: -6.5em; text-align: right;"
• when position=right, adds "left: 0.5em; text-align: left;"
• when position=top, adds "top:-2.65em; left:-3em; text-align: center;"
• when position=bottom, adds "top:-0.15em; left: -3em; text-align: center;" to div-tag.

See also

• Template:Location map - placing one marker/label by latitude/longitude.
• Template:Location map+ - placing unlimited list of markers/labels.
• Commons:Category:Map pointers - list of the many Wikimedia Commons pointer symbols.