Plantía:Minimapa múltiple

Documentación de la plantía[ver] [editar] [historial] [purgar]

Plantía:Minimapa múltiple crea un minimapa como imaxe compuesta d'un mapa esistiente, con múltiples marcadores y etiquetes opcionales superpuestes nél. Esta plantía funciona pol estilu de Plantía:Minimapa, pero permite dellos marcadores y etiquetes (en llugar d'un únicu marcador).

Ver tamién Plantía:Minimapa+, qu'especifica los puntos como una llista codificada de marcadores y etiquetes pa la plantía.

Usu

El primer parámetru ensin nome (qu'apaez como {{{1}}} más abaxo) especifica una definición de mapa. Si {{{1}}} ye España, la imaxe del mapa y les coordenaes tán basaes nos valores definíos pa España en Módulu:Minimapa/data/España si existe, o sinón en Plantía:Minimapa España.

{{Minimapa múltiple | {{{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 --> | coordinates1= <!-- {{coord|...}}--><!-- or: coordinates--> <!--second label/marker--> | label2 = | label2_size = | label2_width= | position2 = <!-- or: pos2 --> | background2 = <!-- or: bg2 --> | mark2 = | mark2size = | link2 = | coordinates2= <!-- {{coord| }} --> <!--repeat as needed--> }}

Parameters

Map display parameters
Parameter	Description
{{{1}}}	Required. Use the name of the map as the first unnamed parameter. For example, specifying England will use the values for England in Módulu:Minimapa/data/England if it exists, or {{Minimapa England}} otherwise. 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 Minimapa+/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 Minimapa+/AlternativeMap.
overlay_image	Allows an overlay to be superimposed on the map. This parameter is seldom used. See the example at Minimapa+/overlay.
Label and mark parameters
Parameter	Description
label1 label2 ...	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 label2_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%.
label1_width label2_width ...	The width to use for the label, given as an em size; the default width is 6. Do not include em, for example: label_width=7, not label_width=7em.
position1 position2 ...	The position of the label relative to the mark. Valid values are left, right, top and bottom. The default is right.
background1 background2 ...	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 mark2 ...	The name of an image to display as the mark. The default is Red pog.svg (). See examples at Commons:Location markers and Commons:Category:Map icons.
mark1size mark2size ...	The size of the mark in pixels. The default is 8. Do not include px, for example: marksize=10, not marksize=10px.
link1 link2 ...	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.
coordinates1 coordinates2 ...	Required. The coordinates using a {{coord}} template. See the Alternative syntax section below for alternatives.

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

Alternative syntax

The recommend input format for the marker coordinates is to use |coordinatesX={{coord|...}}, where X is the marker number. However, when used outside of infoboxes, the template supports splitting the coordinates into individual components using the parameters llistaed below.

Alternative map display parameters
Parameter	Description
lat1_deg lat2_deg ...	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 lat2_min ...	The minutes of latitude.
lat1_sec lat2_sec ...	The seconds of latitude. Usually not necessary.
lat1_dir lat2_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 lon2_deg ...	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 lon2_min ...	The minutes of longitude.
lon1_sec lon2_sec ...	The seconds of longitude. Usually not necessary.
lon1_dir lon2_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).

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: or use: Cercle_rouge_100%.svg to show a red circle 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:

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 multiple markers/labels, the latitude and longitude are checked to lie within the actual map limits specified in Plantía:Minimapa_<parámetru1>. Each marker/label is checked and can llista 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. 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.

Mapes disponibles

Los minimapes can be found using these sources:

Especial:PáginasPorPrefijo/Módulu:Minimapa/data/ - Checked before a map template is searched for. New maps should be created here rather than creating new plantíes.

Llista de plantíes - 1050 plantíes available when the llista was generated.

Categoría:Plantíes de minimapa - plantíes ordenaes por categoría.

Special:WhatLinksHere/Plantía:Minimapa/Info - a search that might help.

Especial:PáginasPorPrefijo/Plantía:Minimapa_ - another search that might help.

Creating new map definitions

See Creating a new map definition.

Examples

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

Recommended syntax

Pag

Anytown_Anywhere

Minimapa múltiple (Croacia)

{{Minimapa múltiple | Croacia
| width = 280
| float = right
| label = Pag
  | marksize = 8
  | pos = right
  | bg = yellow
  | coordinates = {{coord|44|26|N|15|3|E}}
| label2 = Anytown_Anywhere
  | mark2 = Rouge-Admin JollyRoger.svg
  | mark2size = 45
  | pos2 = top
  | bg2 = white
  | coordinates2 = {{coord|46|30|N|17|30|E}}
}}

Alternative syntax

Pag

Anytown_Anywhere

Minimapa múltiple (Croacia)

{{Minimapa múltiple | Croacia
| 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)

Recommended syntax

Pag

Anytown

Anytown2

Minimapa múltiple (Croacia)

{{Minimapa múltiple | Croacia
| width = 260
| float = right
| label = Pag
  | pos = right
  | marksize = 8
  | coordinates = {{coord|44.44|15.05}}
| label2 = Anytown
  | pos2 = bottom
  | bg2 = yellow
  | mark2size = 8
  | coordinates2 = {{coord|45.86|17.50}}
| label3 = Anytown2
  | pos3 = top
  | bg3 = lightgreen
  | coordinates3 = {{coord|46.23|18.43}}
}}

Alternative syntax

Pag

Anytown

Anytown2

Minimapa múltiple (Croacia)

{{Minimapa múltiple | Croacia
| 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 diamond

Hispaniola

Cuba

Site of Hispaniola

{{Minimapa múltiple | 100x100
| AlternativeMap = LocationJamaica.svg
| float = right
| width = 250
| caption = Site of '''Hispaniola'''
| label = Hispaniola
  | position = left
  | background = #CCDDFF
  | marksize = 1
  | coordinates = {{coord|38.2|69.3}}
| label2 =
  | mark2 =Diamond_sheer_red_37.png
  | mark2size = 42
  | coordinates2 = {{coord|52.2|73.9}}
| label3 = Cuba
  | pos3 = left
  | mark3size = 1
  | coordinates3 = {{coord|59.2|68.0}}
}}

Map with some labels outside map

Pag

Anytown

Anytown2

North Croacia

Minimapa múltiple (Croacia)

{{Minimapa múltiple | Croacia
| width = 260
| float = right
| label = Pag | position=right
  | marksize = 8
  | coordinates = {{coord|44.44|15.05}}
| label2 = Anytown
  | pos2 = bottom
  | bg2 = yellow
  | coordinates2 = {{coord|47.40|12.80}}
  | outside2 = 1 <!-- we know this point is outside the map, so don't warn about it -->
| label3 = Anytown2
  | pos3 = top
  | bg3 = lightgreen
  | coordinates3 = {{coord|41.98|18.43}}
  | outside3 = 1 <!-- we know this point is outside the map, so don't warn about it -->
| label4 = North Croacia
  | pos4 = left
  | bg4 = lightgreen
  | mark4size = 0
  | coordinates4 = {{coord|46.22|17.7}}
}}

Map with 9 markers (decimal)

Pag

Anytown

Anytown2

44.0 (latitude)

44.5

45.0

45.5

46.0

CROATIA

Minimapa múltiple (Croacia)

{{Minimapa múltiple | Croacia
| width = 260
| float = right
| label = Pag
  | position = right
  | coordinates = {{coord|44.44|15.05}}
| label2 = Anytown
  | label2_size = 110
  | pos2 = bottom
  | background2 = yellow
  | coordinates2 = {{coord|45.86|17.50}}
| label3 = Anytown2
  | label3_size = 290
  | pos3 = top
  | background3 = green
  | coordinates3 = {{coord|46.23|18.43}}
| mark4 =Diamond_sheer_black_20.png
  | mark4size = 19
  | label4 = 44.0 (latitude)
  | coordinates4 = {{coord|44.00|13.5}}
| mark5 =Diamond_sheer_black_20.png
  | mark5size = 20
  | label5 = 44.5
  | coordinates5 = {{coord|44.50|13.5}}
| mark6 =Diamond_sheer_black_20.png
  | mark6size = 20
  | label6 = 45.0
  | coordinates6 = {{coord|45.00|13.5}}
| mark7 =Diamond_sheer_black_20.png
  | mark7size = 20
  | label7 = 45.5
  | coordinates7 = {{coord|45.50|13.5}}
| mark8 =Diamond_sheer_black_20.png
  | mark8size = 20
  | label8 = 46.0
  | coordinates8 = {{coord|46.00|13.5}}
| label9 = ''CROATIA''
  | label9_size = 165
  | mark9size = <!--label only-->1
  | coordinates9 = {{coord|42.60|14.4}}
}}

Map with a custom label and text background

Imotski

Imotski in Croacia

{{Minimapa múltiple | Croacia
| width = 280
| float = right
| caption = Imotski in Croacia
| label = Imotski
| position = right
| background = #FFFFDD
| coordinates = {{coord|43.44|17.21}}
}}

Map with enlarged marker and label

Pag

Pag Island in Croacia

{{Minimapa múltiple | Croacia
| width = 260
| float = right
| caption = Pag Island in Croacia
| label = Pag
| label_size = 200
| position = right
| marksize = 14
| background = #FFFFDD
| coordinates = {{coord|44.44|15.05}}
}}

Map with no caption

Brčko

{{Minimapa múltiple | Bosnia y Herzegovina
| width = 150
| float = right
| caption =
| label = Brčko
| position = left
| coordinates = {{coord|44.87|18.81}}
}}

Western Hemisphere

{{Minimapa múltiple | Reinu Xuníu
| width = 180
| float = right
| caption = Lockerbie in Scotland
| label = Lockerbie
| position = right
| coordinates = {{coord|55|07|16|N|3|21|19|W}}
}}

Country that crosses 180° meridian

{{Minimapa múltiple | Rusia
| width = 400
| float = right
| label = Uelen
| position = left
| background = #FFFFDD
| coordinates = {{coord|66|09|N|169|48|W}}
}}

Marker examples

<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;">

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

<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;">

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

Arrows 12x12 ne.svg

<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;">

Fire.svg

<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;">

Black triangle2.svg

<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;">

Blue Fire.svg

<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;">

City locator Montagne.svg

<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;">

Cercle rouge 100%.svg

<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;">

White flag icon.svg

<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;">

Legenda miejsce bitwy.svg

<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;">

X solid black 17.gif

Some symbols that show up well

<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;">

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

<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;"><div style="font-size: 90%; line-height: 110%; z-index:90; position: relative; top: -1.5em; width: 6em; ">City locator 1.svg<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;"><div style="font-size: 90%; line-height: 110%; z-index:90; position: relative; top: -1.5em; width: 6em; ">City locator 2.svg<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;"><div style="font-size: 90%; line-height: 110%; z-index:90; position: relative; top: -1.5em; width: 6em; ">City locator 6.svg<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;"><div style="font-size: 90%; line-height: 110%; z-index:90; position: relative; top: -1.5em; width: 6em; ">City locator 7.svg<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;"><div style="font-size: 90%; line-height: 110%; z-index:90; position: relative; top: -1.5em; width: 6em; ">City locator 8.svg<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;"><div style="font-size: 90%; line-height: 110%; z-index:90; position: relative; top: -1.5em; width: 6em; ">City locator 9.svg<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;"><div style="font-size: 90%; line-height: 110%; z-index:90; position: relative; top: -1.5em; width: 6em; ">City locator 10.svg<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;"><div style="font-size: 90%; line-height: 110%; z-index:90; position: relative; top: -1.5em; width: 6em; ">City locator 11.svg<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;"><div style="font-size: 90%; line-height: 110%; z-index:90; position: relative; top: -1.5em; width: 6em; ">City locator 13.svg<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;"><div style="font-size: 90%; line-height: 110%; z-index:90; position: relative; top: -1.5em; width: 6em; ">City locator 21.svg<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;"><div style="font-size: 90%; line-height: 110%; z-index:90; position: relative; top: -1.5em; width: 6em; ">City locator 29.svg<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;"><div style="font-size: 90%; line-height: 110%; z-index:90; position: relative; top: -1.5em; width: 6em; ">Point rouge croix frontier vert green.svg<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;"><div style="font-size: 90%; line-height: 110%; z-index:90; position: relative; top: -1.5em; width: 6em; ">Wikipedia-Marker-4.png<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;"><div style="font-size: 90%; line-height: 110%; z-index:90; position: relative; top: -1.5em; width: 6em; ">StarArrowOR.svg<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;"><div style="font-size: 90%; line-height: 110%; z-index:90; position: relative; top: -1.5em; width: 6em; ">Castle.svg<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;"><div style="font-size: 90%; line-height: 110%; z-index:90; position: relative; top: -1.5em; width: 6em; ">Crime_symbol_handgun_czeska80px.png<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;"><div style="font-size: 90%; line-height: 110%; z-index:90; position: relative; top: -1.5em; width: 6em; ">Gwiazda LnM.svg<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;"><div style="font-size: 90%; line-height: 110%; z-index:90; position: relative; top: -1.5em; width: 6em; ">Nuclear plant.svg<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;"><div style="font-size: 90%; line-height: 110%; z-index:90; position: relative; top: -1.5em; width: 6em; ">Quake pointer.svg<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;"><div style="font-size: 90%; line-height: 110%; z-index:90; position: relative; top: -1.5em; width: 6em; ">Rotonda S7.svg<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;"><div style="font-size: 90%; line-height: 110%; z-index:90; position: relative; top: -1.5em; width: 6em; ">Wikipedia-Marker-isle.svg<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;"><div style="font-size: 90%; line-height: 110%; z-index:90; position: relative; top: -1.5em; width: 6em; ">BSicon dB+Slg.svg<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;">

BSicon ANCHOR.svg

<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;">

BSicon fSKRZ-Bu.svg

<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;">[[File:Plantía:Minimapa de Ucraína|Plantía:Minimapa de UcraínaxPlantía:Minimapa de Ucraínapx|Minimapa múltiple|link=|alt=]]

<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;">

BSicon xtGRENZE.svg

<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;">

Unesco Cultural Heritage logo.svg

<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;">

Mining symbol.svg

<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;">

Zoo icon.jpg

<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;">

Vattenfall blue.svg

<div style="position: absolute; z-index: 2; top: %; left: %; height: 0; width: 0; margin: 0; padding: 0;"><div style="position: relative; text-align: center; left: -px; top: -px; width: Plantía:Minimapa de Ucraínapx; font-size: Plantía:Minimapa de Ucraínapx; line-height: 0;">

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.

Ver tamién

• Plantía:Minimapa - placing one marker/label by latitude/longitude.
• Plantía:Minimapa+ - placing unlimited llista of markers/labels.
• Commons:Category:Map pointers - llista of the múltiples Wikimedia Commons pointer symbols.