Template:Details and map: Difference between revisions

Content deleted Content added

Inline

Latest revision as of 17:47, 9 February 2023

{{{image-title}}}
[[File:{{{image}}}\|center\|]] {{{image-caption}}}
Photographer	{{{photographer}}}
Date taken	{{{date-taken}}}
Location
Loading map... {"minzoom":false,"maxzoom":false,"mappingservice":"leaflet","width":"auto","height":"300px","centre":false,"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":false,"zoom":15,"defzoom":14,"layers":["OpenStreetMap"],"image layers":[],"overlays":[],"resizable":false,"fullscreen":true,"scrollwheelzoom":true,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","clicktarget":"","imageLayers":[],"locations":[{"text":"","title":"","link":"","lat":-32.7618084,"lon":152.0786934,"icon":""}],"imageoverlays":null}
Decimal degrees	{{{latitude}}} / {{{longitude}}}
Deg / Min / Sec	{{{dms-latitude}}} / {{{dms-longitude}}}
OS grid reference	[[:Category:{{{os-grid}}}\|{{{os-grid}}}]]
what3words	{{{w3w}}}
Elevation above sea level	{{{elevation}}}
View direction	{{{view-direction}}}

Template documentation

Usage

Copy and paste the following syntax into the details tab/page and fill out accordingly.
Unused parameters will render as missing and keep the things tidy without empty spaces in the table.

{{details and map
 |image-title     =
 |image           =
 |image-size      =
 |image-caption   =
 |photographer    = 
 |date-taken      = 
 |latitude        =
 |longitude       =
 |service         = leaflet
 |static          = no <!--yes or no-->
 |zoom            = 14 
 |fullscreen      = no <!--yes or no-->
 |scrollwheel     = yes <!--yes or no-->
 |width           =
 |height          =
 |clicktarget     =
 |dms-latitude    = 
 |dms-longitude   =  
 |os-grid-10m     =
 |os-grid-100m    =    
 |os-grid-1km     =
 |w3w             =
 |elevation       =
 |view-direction  =
}}

DD = Decimal Degrees
DMS = Degrees, Minutes, Seconds
OS = Ordnance Survey
W3W = What3Words

The above documentation is transcluded from Template:Details and map/doc.

@@ Line 1: / Line 1: @@
+<div style="float:right; width:25em; margin:0 0 15px 15px;">
-{{#display_map: {{{latitude}}}, {{{longitude}}}
+{|class="" style="width:100%; font-size:90%; background-color:#f7f7f7; border:1px #ccc solid; padding:4px;"
-|service={{{service}}}
+!style="background:#d4d2d8; padding:2px 6px; text-align:center; font-size:100%; font-weight:600; vertical-align:middle;" colspan="2"|{{{image-title}}}
-|static={{{static}}}
-|zoom={{{zoom}}}
-|fullscreen={{{fullscreen}}}
-|scrollwheelzoom={{{scrollwheel}}}
-|width={{{width}}}
-|height={{{height}}}
-|clicktarget={{{clicktarget}}}
-}}
-{|class="" style="width:100%; font-size:90%;;"
-<!--!colspan="2" | {{c|{{PAGENAME}}}}-->
 |-
+|style="background-color:#f7f7f7; padding-top:4px; font-size:85%;" colspan="2" |<center><div class="res-img">[[File:{{{image}}}|center|<!--{{{image-size}}}px-->]]</div>{{clear}}{{{image-caption}}}</center>
-{{#if:{{{photographer}}}|{{!}}style="width:16em; padding-left:10px; vertical-align:top; background:;" {{!}} '''Photographer'''
-{{!}}style="padding-left:10px; vertical-align:top;" {{!}} {{{photographer}}}}}
 |-
-{{#if:{{{date-taken}}}|{{!}}style="width:16em; padding-left:10px; vertical-align:top; background:;" {{!}} '''Date taken'''
+{{#if:{{{photographer}}}|{{!}}style="width:9em; padding-left:5px; vertical-align:top; background:;" {{!}} '''Photographer'''
-{{!}}style="padding-left:10px; vertical-align:top;" {{!}} {{{date-taken}}}}}
+{{!}}style="padding-left:5px; vertical-align:top;" {{!}} {{{photographer}}}}}
 |-
-{{#if:{{{latitude}}}{{{longitude}}}|{{!}}style="width:16em; padding-left:10px; vertical-align:top; background:;" {{!}} '''{{w1|Decimal degrees}}'''
+{{#if:{{{date-taken}}}|{{!}}style="width:9em; padding-left:5px; vertical-align:top; background:;" {{!}} '''Date taken'''
-{{!}}style="padding-left:10px; vertical-align:top;" {{!}} {{{latitude}}}{{2nbsp}}/{{2nbsp}}{{{longitude}}}}}
+{{!}}style="padding-left:5px; vertical-align:top;" {{!}} {{{date-taken}}}}}
 |-
+!style="background:#d4d2d8; padding:1px 6px; text-align:center; font-size:100%; font-weight:600; vertical-align:middle;" colspan="2"|Location
-{{#if:{{{dms-latitude}}}{{{dms-longitude}}}|{{!}}style="width:16em; padding-left:10px; vertical-align:top; background:;" {{!}} '''Degrees, minutes, seconds'''
-{{!}}style="padding-left:10px; vertical-align:top;" {{!}} {{{dms-latitude}}}{{2nbsp}}/{{2nbsp}}{{{dms-longitude}}}}}
 |-
+|style="background-color:#f7f7f7; padding-top:4px; font-size:85%;" colspan="2" |<center>
-{{#if:{{{os-grid}}}|{{!}}style="width:16em; padding-left:10px; vertical-align:top; background:;" {{!}} '''OS grid reference'''
+{{leaflet map
-{{!}}style="padding-left:10px; vertical-align:top;" {{!}} [[:Category:{{{os-grid}}}|{{{os-grid}}}]]}}
+ |latitude        = {{{latitude}}}
+ |longitude       = {{{longitude}}}
+ |service         = leaflet
+ |static          = no <!--yes or no-->
+ |zoom            = 15
+ |fullscreen      = yes <!--yes or no-->
+ |scrollwheel     = yes <!--yes or no-->
+ |width           =
+ |height          = 300
+ |clicktarget     = }}
 |-
-{{#if:{{{w3w}}}|{{!}}style="width:14em; padding-left:10px; vertical-align:top; background:;" {{!}} '''[https://what3words.com what3words]'''
+{{#if:{{{latitude}}}{{{longitude}}}|{{!}}style="width:9em; padding-left:5px; vertical-align:top; background:;" {{!}} '''{{w1|Decimal degrees}}'''
-{{!}}style="padding-left:10px; vertical-align:top;" {{!}} [https://what3words.com/{{{w3w}}} {{{w3w}}}]}}
+{{!}}style="padding-left:5px; vertical-align:top;" {{!}} {{{latitude}}} / {{{longitude}}}}}
 |-
-{{#if:{{{elevation}}}|{{!}}style="width:16em; padding-left:10px; vertical-align:top; background:;" {{!}} '''Elevation above sea level'''
+{{#if:{{{dms-latitude}}}{{{dms-longitude}}}|{{!}}style="width:9em; padding-left:5px; vertical-align:top; background:;" {{!}} '''Deg / Min / Sec'''
-{{!}}style="padding-left:10px; vertical-align:top;" {{!}} {{{elevation}}}}}
+{{!}}style="padding-left:5px; vertical-align:top;" {{!}} {{{dms-latitude}}} / {{{dms-longitude}}}}}
 |-
-{{#if:{{{view-direction}}}|{{!}}style="width:16em; padding-left:10px; vertical-align:top; background:;" {{!}} '''View direction'''
+{{#if:{{{os-grid}}}|{{!}}style="width:9em; padding-left:5px; vertical-align:top; background:;" {{!}} '''OS grid reference'''
-{{!}}style="padding-left:10px; vertical-align:top;" {{!}} {{{view-direction}}}}}
+{{!}}style="padding-left:5px; vertical-align:top;" {{!}} [[:Category:{{{os-grid}}}|{{{os-grid}}}]]}}
+|-
-|}<noinclude>{{doc|{{details and map/doc}}}}
+{{#if:{{{w3w}}}|{{!}}style="width:9em; padding-left:5px; vertical-align:top; background:;" {{!}} '''[https://what3words.com what3words]'''
+{{!}}style="padding-left:5px; vertical-align:top;" {{!}} [https://what3words.com/{{{w3w}}} {{{w3w}}}]}}
+|-
+{{#if:{{{elevation}}}|{{!}}style="width:9em; padding-left:5px; vertical-align:top; background:;" {{!}} '''Elevation above sea level'''
+{{!}}style="padding-left:5px; vertical-align:top;" {{!}} {{{elevation}}}}}
+|-
+{{#if:{{{view-direction}}}|{{!}}style="width:9em; padding-left:5px; vertical-align:top; background:;" {{!}} '''View direction'''
+{{!}}style="padding-left:5px; vertical-align:top;" {{!}} {{{view-direction}}}}}
+|}</div><noinclude>{{doc|{{details and map/doc}}}}