Template:Location map many: Difference between revisions

From Zoophilia Wiki
Jump to navigationJump to search
meta>Wikid77
rewrote to auto-position labels by marker/text sizes; fixed ghost markers appearing in margins; noted "Adding spaces can kill results"
Ookami (talk | contribs)
m 64 revisions imported
 
(35 intermediate revisions by 11 users not shown)
Line 1: Line 1:
<includeonly><!--
<includeonly>{{#invoke:Location map/multi|many}}</includeonly><noinclude>
-- Template for image with markers/labels (see bottom "NOTES")
{{Documentation}}
--
<!-- PLEASE ADD THIS TEMPLATE'S CATEGORIES AND INTERWIKIS TO THE /doc SUBPAGE, THANKS -->
--  Warning: Code multi-nested 9 levels top to bottom.
--  Warning: {{Might}}{{{appear|become}}}{{unreadable}}?
--  Warning: Adding spaces can kill results.
----------------------------------------------- Begin box division
--><div style="width: {{#expr: {{{width|240}}} + 2 }}px; {{#if: {{{caption|}}}
  | padding: 3px; border: 1px solid {{#if: {{{border|}}}
    | {{{border|none}}}
    | #CCCCCC
  }}; margin: 3px;
}} float:{{#switch:{{{float|}}}
|  "center"=none | center=none  | "left"=left  | left=left
|  "right"=right | right=right  | "none"=none  | none=none
|right}}; clear:{{#switch:{{{float|}}}
|  "center"=both | center=both | "left"=left | left=left
|  "right"=right | right=right | "none"=none | none=none
|right}}; {{#if: {{{caption|}}}
  | ;background:#F9F9F9"|"
  }}><!--
---------------------------------------------- Begin Map division
--><div style="position: relative;{{#ifeq: {{{border|}}} | none |
  |border: 1px solid {{#if: {{{border|}}}
    | {{{border}}}
    | {{#if:{{{caption|}}}|#CCCCCC|none}}
  }};
}} padding: 0px; width: {{{width|240}}}px">[[image:{{#if: {{{AlternativeMap|}}} | {{{AlternativeMap}}} | {{Location map {{{1}}}|image}} }}|{{{width|240}}}px|{{#if: {{{label|}}}
  | {{{label}}}
  | {{PAGENAME}}
}}<!-- endif label--> ({{Location map {{{1}}}|name}})]]<br /><!--
================================================== Marker/Label #1
--><div style="position: absolute; z-index: 2; top: {{#expr:
  100 * ({{Location map {{{1}}}|top}} - {{#if: {{{lat_deg|}}}
    | {{#expr: {{#ifeq: {{{lat_dir|}}}|S|-1|1}} * ({{{lat_deg|0}}} + ({{{lat_min|0}}} / 60) + ({{{lat_sec|0}}} / 3600)) }}
    | {{{lat|0}}}
  }}) / ({{Location map {{{1}}}|top}} - {{Location map {{{1}}}|bottom}}) round 1
}}%; left: {{#expr:
  {{#expr:{{#if:{{Location map {{{1}}}|crosses180}}|{{#ifeq: {{{lon_dir|}}}|W|-36000/({{Location map {{{1}}}|left}}-{{Location map {{{1}}}|right}})|}}|}}}} + 100 * ({{#if: {{{lon_deg|}}}
    | {{#expr: {{#ifeq: {{{lon_dir|}}}|W|-1|1}} * ({{{lon_deg|0}}} + ({{{lon_min|0}}} / 60) + ({{{lon_sec|0}}} / 3600)) }}
    | {{{long|0}}}
  }} - {{Location map {{{1}}}|left}}) / ({{Location map {{{1}}}|right}} - {{Location map {{{1}}}|left}}) round 1
}}%; height: 0; width: 0; margin: 0; padding: 0;"><!--
------------------------------------------------ Marker#1 division
--><div style="position: relative; text-align: center; {{#if: {{{marksize|}}}
  | left: -{{#expr: {{{marksize}}} / 2 round 0 }}px; top: -{{#expr: {{{markhigh|8}}} / 2 round 0 }}px; width: {{{marksize}}}px; font-size: {{{marksize}}}px;
  | left: -{{#expr: {{#if: {{Location map {{{1}}}|marksize}}
    |{{Location map {{{1}}}|marksize}}
    |<!--else-->8}} / 2 round 0 }}px; top: -{{#expr:
    {{#if: {{Location map {{{1}}}|markhigh}}
    |{{Location map {{{1}}}|markhigh}}
    |<!--else-->8}} / 2 round 0 }}px; width: {{
    #if: {{Location map {{{1}}}|marksize}}
    |{{Location map {{{1}}}|marksize}}
    |<!--else-->8}}px; font-size: {{
    #if: {{Location map {{{1}}}|marksize}}
    |{{Location map {{{1}}}|marksize}}
    |<!--else-->8}}px;
}}"><!-- specify marker#1 -->[[Image:{{#if: {{{mark|}}}
  | {{{mark}}}
  | {{#if: {{Location map {{{1}}}|mark}}|{{Location map {{{1}}}|mark}}|Red pog.svg}}
}}|{{#if: {{{marksize|}}}
  | {{{marksize}}}
  | <!--else-->{{#if: {{Location map {{{1}}}|marksize}}
    |{{Location map {{{1}}}|marksize}}|<!--else-->8}}
  }}<!--endif-->px|{{#if: {{{label|}}}
  | {{{label}}}
  | {{PAGENAME}}
}}<!--endif label-->]]</div><!-- end-div marker1
---------------------------------------------- Label #1
-->{{#ifeq: {{{position|{{{pos|}}}}}} | none
  |
  |<div style="font-size: {{{label_size|90}}}%; line-height: 110%; position: relative; top: -1.5em; width: 6em; {{#switch: {{{position|{{{pos}}}}}}
    |left = left: -6.5em; text-align: right;
    |right = left: 0.5em; text-align: left;
    |top = top:-{{#expr: {{{markhigh|8}}}*1.9
              + {{{label_size|90}}}*.13 + 2.5 round 0}}px;
          left:-3em; text-align: center;
    |bottom = top:-0.15em; left: -3em; text-align: center;
    |left: 0.5em; text-align: left;
  }}"><span style="padding: 1px; {{#if: {{{background|{{{bg|}}}}}}
    | background-color: {{{background|{{{bg}}}}}};
  }}">{{{label|}}}</span></div><!-- end-div label1 -->
}}</div><!--end-div point#1--
================================================= Marker/Label #2
--><div style="position: absolute; z-index: 2; top: {{#expr:
  100 * ({{Location map {{{1}}}|top}} - {{#if: {{{lat2_deg|}}}
    | {{#expr: {{#ifeq: {{{lat2_dir|}}}|S|-1|1}} * ({{{lat2_deg|0}}}
        + ({{{lat2_min|0}}} / 60) + ({{{lat2_sec|0}}} / 3600)) }}
    | {{{lat2|0}}}
  }}) / ({{Location map {{{1}}}|top}} - {{Location map {{{1}}}|bottom}}) round 1
}}%; left: {{#expr:
  {{#expr:{{#if:{{Location map {{{1}}}|crosses180}}|{{#ifeq: {{{lon2_dir|}}}|W
    |-36000/({{Location map {{{1}}}|left}} - {{Location map {{{1}}}|right}})|}}|}}}}
      + 100 * ({{#if: {{{lon2_deg|}}}
    | {{#expr: {{#ifeq: {{{lon2_dir|}}}|W|-1|1}} * ({{{lon2_deg|0}}}
      + ({{{lon2_min|0}}} / 60) + ({{{lon2_sec|0}}} / 3600)) }}
    | {{{long2|0}}}
  }} - {{Location map {{{1}}}|left}})
    / ({{Location map {{{1}}}|right}} - {{Location map {{{1}}}|left}}) round 1
  }}%; height: 0; width: 0; margin: 0; padding: 0;"><!--
------------------------------------------------ Marker#2 division
--><div style="position: relative; text-align: center; {{#if: {{{mark2size|}}}
  | left: -{{#expr: {{{mark2size}}} / 2 round 0 }}px; top: -{{#expr: {{{mark2high|{{{mark2size|8}}} }}} / 2 round 0 }}px; width: {{{mark2size}}}px; font-size: {{{mark2size}}}px;
  | left: -{{#expr: {{#if: {{Location map {{{1}}}|mark2size}}|{{Location map {{{1}}}|mark2size}}|8}} / 2 round 0 }}px; top: -{{#expr: {{#if: {{Location map {{{1}}}|mark2high}}
    |{{Location map {{{1}}}|mark2high}}
    |<!--else-->{{{mark2size|8}}} }} / 2 round 0 }}px; width: {{
  #if: {{Location map {{{1}}}|mark2size}}
    |{{Location map {{{1}}}|mark2size}}
    |<!--else-->8}}px; font-size: {{
  #if: {{Location map {{{1}}}|mark2size}}
    |{{Location map {{{1}}}|mark2size}}|<!--else-->8}}px;
}}"><!-- specify marker#2 --><!--
-->[[Image:{{#if: {{{mark2|}}}
  | {{{mark2}}}
  | <!--else-->{{#if: {{Location map {{{1}}}|mark2}}
    |{{Location map {{{1}}}|<!--else-->mark2}}|Red pog.svg}}
}}|<!--
----- set image size as 'mark2size'x'mark2high' with defaults --
--    ("x" between values, defaults from named-map template or 8)
-->{{#if: {{{mark2size|}}}
  |{{{mark2size}}}x{{#if: {{{mark2high|}}}
    |{{{mark2high}}}
    |{{#if: {{Location map {{{1}}}|mark2high}}
      |{{Location map {{{1}}}|mark2high}}|8}}<!--eif-1/mark2high-->
    }}<!--eif-mark2high-->px
  |<!--else-->{{#if: {{Location map {{{1}}}|mark2size}}
    |{{Location map {{{1}}}|mark2size}}|<!--else-->8}}x{{
    #if: {{{mark2high|}}}
      |{{{mark2high}}}
      |{{#if: {{Location map {{{1}}}|mark2high}}
        |{{Location map {{{1}}}|mark2high}}|<!--else-->8}}}}px
}}|<!--endif mark2size-->{{#if: {{{label2|}}}
  | {{{label2}}}
  | <!--else-->{{PAGENAME}}
}}<!--endif label2-->]]</div><!-- end-div marker2
---------------------------------------------- Label #2
-->{{#ifeq: {{{position2|{{{pos2|}}}}}} | none
  |
  |<div style="font-size: {{{label2_size|90}}}%; line-height: 110%; position: relative;
        top: -1.5em; width: 2em; {{#switch: {{{position2|{{{pos2}}}}}}
    |left = left: -2.5em; text-align: right;
    |right = left: 0.5em; text-align: left;
    |top = top:-{{#expr: {{{mark2high|8}}}*1.9
              + {{{label2_size|90}}}*.13 + 2.5 round 0}}px;
          left:-3em; text-align: center;
    |bottom = top:-0.15em; left: -3em; text-align: center;
    |left: 0.5em; text-align: left;
  }}"><span style="padding: 1px; {{#if: {{{background2|{{{bg2|}}}}}}
    | background-color: {{{background2|{{{bg2}}}}}};
  }}">{{{label2|}}}</span></div><!-- end-div label2 -->
}}</div><!--end-div point#2--
================================================= Marker/Label #3
--><div style="position: absolute; z-index: 2; top: {{#expr:
  100 * ({{Location map {{{1}}}|top}} - {{#if: {{{lat3_deg|}}}
    | {{#expr: {{#ifeq: {{{lat3_dir|}}}|S|-1|1}} * ({{{lat3_deg|0}}}
        + ({{{lat3_min|0}}} / 60) + ({{{lat3_sec|0}}} / 3600)) }}
    | {{{lat3|0}}}
  }}) / ({{Location map {{{1}}}|top}} - {{Location map {{{1}}}|bottom}}) round 1
}}%; left: {{#expr:
  {{#expr:{{#if:{{Location map {{{1}}}|crosses180}}|{{#ifeq: {{{lon3_dir|}}}|W
    |-36000/({{Location map {{{1}}}|left}} - {{Location map {{{1}}}|right}})|}}|}}}}
      + 100 * ({{#if: {{{lon3_deg|}}}
    | {{#expr: {{#ifeq: {{{lon3_dir|}}}|W|-1|1}} * ({{{lon3_deg|0}}}
      + ({{{lon3_min|0}}} / 60) + ({{{lon3_sec|0}}} / 3600)) }}
    | {{{long3|0}}}
  }} - {{Location map {{{1}}}|left}})
    / ({{Location map {{{1}}}|right}} - {{Location map {{{1}}}|left}}) round 1
  }}%; height: 0; width: 0; margin: 0; padding: 0;"><!--
------------------------------------------------ Marker#3 division
--><div style="position: relative; text-align: center; {{#if: {{{mark3size|}}}
  | left: -{{#expr: {{{mark3size}}} / 2 round 0 }}px; top: -{{#expr: {{{mark3high|{{{mark3size|8}}} }}} / 2 round 0 }}px; width: {{{mark3size}}}px; font-size: {{{mark3size}}}px;
  | left: -{{#expr: {{#if: {{Location map {{{1}}}|mark3size}}|{{Location map {{{1}}}|mark3size}}|8}} / 2 round 0 }}px; top: -{{#expr: {{#if: {{Location map {{{1}}}|mark3high}}
    |{{Location map {{{1}}}|mark3high}}
    |<!--else-->{{{mark3size|8}}} }} / 2 round 0 }}px; width: {{
  #if: {{Location map {{{1}}}|mark3size}}
    |{{Location map {{{1}}}|mark3size}}
    |<!--else-->8}}px; font-size: {{
  #if: {{Location map {{{1}}}|mark3size}}
    |{{Location map {{{1}}}|mark3size}}|<!--else-->8}}px;
}}"><!-- specify marker#3 --><!--
-->[[Image:{{#if: {{{mark3|}}}
  | {{{mark3}}}
  | <!--else-->{{#if: {{Location map {{{1}}}|mark3}}
    |{{Location map {{{1}}}|<!--else-->mark3}}|Red pog.svg}}
}}|<!--
----- set image size as 'mark3size'x'mark3high' with defaults --
--    ("x" between values, defaults from named-map template or 8)
-->{{#if: {{{mark3size|}}}
  |{{{mark3size}}}x{{#if: {{{mark3high|}}}
    |{{{mark3high}}}
    |{{#if: {{Location map {{{1}}}|mark3high}}
      |{{Location map {{{1}}}|mark3high}}|8}}<!--eif-1/mark3high-->
    }}<!--eif-mark3high-->px
  |<!--else-->{{#if: {{Location map {{{1}}}|mark3size}}
    |{{Location map {{{1}}}|mark3size}}|<!--else-->8}}x{{
    #if: {{{mark3high|}}}
      |{{{mark3high}}}
      |{{#if: {{Location map {{{1}}}|mark3high}}
        |{{Location map {{{1}}}|mark3high}}|<!--else-->8}}}}px
}}|<!--endif mark3size-->{{#if: {{{label3|}}}
  | {{{label3}}}
  | <!--else-->{{PAGENAME}}
}}<!--endif label3-->]]</div><!-- end-div marker3
---------------------------------------------- Label #3
-->{{#ifeq: {{{position3|{{{pos3|}}}}}} | none
  |
  |<div style="font-size: {{{label3_size|90}}}%; line-height: 110%; position: relative;
        top: -1.5em; width: 3em; {{#switch: {{{position3|{{{pos3}}}}}}
    |left = left: -3.5em; text-align: right;
    |right = left: 0.5em; text-align: left;
    |top = top:-{{#expr: {{{mark3high|8}}}*1.9
              + {{{label3_size|90}}}*.13 + 2.5 round 0}}px;
          left:-3em; text-align: center;
    |bottom = top:-0.15em; left: -3em; text-align: center;
    |left: 0.5em; text-align: left;
  }}"><span style="padding: 1px; {{#if: {{{background3|{{{bg3|}}}}}}
    | background-color: {{{background3|{{{bg3}}}}}};
  }}">{{{label3|}}}</span></div><!-- end-div label3 -->
}}</div><!--end-div point#3--
================================================= Marker/Label #4
--><div style="position: absolute; z-index: 2; top: {{#expr:
  100 * ({{Location map {{{1}}}|top}} - {{#if: {{{lat4_deg|}}}
    | {{#expr: {{#ifeq: {{{lat4_dir|}}}|S|-1|1}} * ({{{lat4_deg|0}}}
        + ({{{lat4_min|0}}} / 60) + ({{{lat4_sec|0}}} / 3600)) }}
    | {{{lat4|0}}}
  }}) / ({{Location map {{{1}}}|top}} - {{Location map {{{1}}}|bottom}}) round 1
}}%; left: {{#expr:
  {{#expr:{{#if:{{Location map {{{1}}}|crosses180}}|{{#ifeq: {{{lon4_dir|}}}|W
    |-36000/({{Location map {{{1}}}|left}} - {{Location map {{{1}}}|right}})|}}|}}}}
      + 100 * ({{#if: {{{lon4_deg|}}}
    | {{#expr: {{#ifeq: {{{lon4_dir|}}}|W|-1|1}} * ({{{lon4_deg|0}}}
      + ({{{lon4_min|0}}} / 60) + ({{{lon4_sec|0}}} / 3600)) }}
    | {{{long4|0}}}
  }} - {{Location map {{{1}}}|left}})
    / ({{Location map {{{1}}}|right}} - {{Location map {{{1}}}|left}}) round 1
  }}%; height: 0; width: 0; margin: 0; padding: 0;"><!--
------------------------------------------------ Marker#4 division
--><div style="position: relative; text-align: center; {{#if: {{{mark4size|}}}
  | left: -{{#expr: {{{mark4size}}} / 2 round 0 }}px; top: -{{#expr: {{{mark4high|{{{mark4size|8}}} }}} / 2 round 0 }}px; width: {{{mark4size}}}px; font-size: {{{mark4size}}}px;
  | left: -{{#expr: {{#if: {{Location map {{{1}}}|mark4size}}|{{Location map {{{1}}}|mark4size}}|8}} / 2 round 0 }}px; top: -{{#expr: {{#if: {{Location map {{{1}}}|mark4high}}
    |{{Location map {{{1}}}|mark4high}}
    |<!--else-->{{{mark4size|8}}} }} / 2 round 0 }}px; width: {{
  #if: {{Location map {{{1}}}|mark4size}}
    |{{Location map {{{1}}}|mark4size}}
    |<!--else-->8}}px; font-size: {{
  #if: {{Location map {{{1}}}|mark4size}}
    |{{Location map {{{1}}}|mark4size}}|<!--else-->8}}px;
}}"><!-- specify marker#4 --><!--
-->[[Image:{{#if: {{{mark4|}}}
  | {{{mark4}}}
  | <!--else-->{{#if: {{Location map {{{1}}}|mark4}}
    |{{Location map {{{1}}}|<!--else-->mark4}}|Red pog.svg}}
}}|<!--
----- set image size as 'mark4size'x'mark4high' with defaults --
--    ("x" between values, defaults from named-map template or 8)
-->{{#if: {{{mark4size|}}}
  |{{{mark4size}}}x{{#if: {{{mark4high|}}}
    |{{{mark4high}}}
    |{{#if: {{Location map {{{1}}}|mark4high}}
      |{{Location map {{{1}}}|mark4high}}|8}}<!--eif-1/mark4high-->
    }}<!--eif-mark4high-->px
  |<!--else-->{{#if: {{Location map {{{1}}}|mark4size}}
    |{{Location map {{{1}}}|mark4size}}|<!--else-->8}}x{{
    #if: {{{mark4high|}}}
      |{{{mark4high}}}
      |{{#if: {{Location map {{{1}}}|mark4high}}
        |{{Location map {{{1}}}|mark4high}}|<!--else-->8}}}}px
}}|<!--endif mark4size-->{{#if: {{{label4|}}}
  | {{{label4}}}
  | <!--else-->{{PAGENAME}}
}}<!--endif label4-->]]</div><!-- end-div marker4
---------------------------------------------- Label #4
-->{{#ifeq: {{{position4|{{{pos4|}}}}}} | none
  |
  |<div style="font-size: {{{label4_size|90}}}%; line-height: 110%; position: relative;
        top: -1.5em; width: 4em; {{#switch: {{{position4|{{{pos4}}}}}}
    |left = left: -4.5em; text-align: right;
    |right = left: 0.5em; text-align: left;
    |top = top:-{{#expr: {{{mark4high|8}}}*1.9
              + {{{label4_size|90}}}*.13 + 2.5 round 0}}px;
          left:-3em; text-align: center;
    |bottom = top:-0.15em; left: -3em; text-align: center;
    |left: 0.5em; text-align: left;
  }}"><span style="padding: 1px; {{#if: {{{background4|{{{bg4|}}}}}}
    | background-color: {{{background4|{{{bg4}}}}}};
  }}">{{{label4|}}}</span></div><!-- end-div label4 -->
}}</div><!--end-div point#4--
================================================= Marker/Label #5
--><div style="position: absolute; z-index: 2; top: {{#expr:
  100 * ({{Location map {{{1}}}|top}} - {{#if: {{{lat5_deg|}}}
    | {{#expr: {{#ifeq: {{{lat5_dir|}}}|S|-1|1}} * ({{{lat5_deg|0}}}
        + ({{{lat5_min|0}}} / 60) + ({{{lat5_sec|0}}} / 3600)) }}
    | {{{lat5|0}}}
  }}) / ({{Location map {{{1}}}|top}} - {{Location map {{{1}}}|bottom}}) round 1
}}%; left: {{#expr:
  {{#expr:{{#if:{{Location map {{{1}}}|crosses180}}|{{#ifeq: {{{lon5_dir|}}}|W
    |-36000/({{Location map {{{1}}}|left}} - {{Location map {{{1}}}|right}})|}}|}}}}
      + 100 * ({{#if: {{{lon5_deg|}}}
    | {{#expr: {{#ifeq: {{{lon5_dir|}}}|W|-1|1}} * ({{{lon5_deg|0}}}
      + ({{{lon5_min|0}}} / 60) + ({{{lon5_sec|0}}} / 3600)) }}
    | {{{long5|0}}}
  }} - {{Location map {{{1}}}|left}})
    / ({{Location map {{{1}}}|right}} - {{Location map {{{1}}}|left}}) round 1
  }}%; height: 0; width: 0; margin: 0; padding: 0;"><!--
------------------------------------------------ Marker#5 division
--><div style="position: relative; text-align: center; {{#if: {{{mark5size|}}}
  | left: -{{#expr: {{{mark5size}}} / 2 round 0 }}px; top: -{{#expr: {{{mark5high|{{{mark5size|8}}} }}} / 2 round 0 }}px; width: {{{mark5size}}}px; font-size: {{{mark5size}}}px;
  | left: -{{#expr: {{#if: {{Location map {{{1}}}|mark5size}}|{{Location map {{{1}}}|mark5size}}|8}} / 2 round 0 }}px; top: -{{#expr: {{#if: {{Location map {{{1}}}|mark5high}}
    |{{Location map {{{1}}}|mark5high}}
    |<!--else-->{{{mark5size|8}}} }} / 2 round 0 }}px; width: {{
  #if: {{Location map {{{1}}}|mark5size}}
    |{{Location map {{{1}}}|mark5size}}
    |<!--else-->8}}px; font-size: {{
  #if: {{Location map {{{1}}}|mark5size}}
    |{{Location map {{{1}}}|mark5size}}|<!--else-->8}}px;
}}"><!-- specify marker#5 --><!--
-->[[Image:{{#if: {{{mark5|}}}
  | {{{mark5}}}
  | <!--else-->{{#if: {{Location map {{{1}}}|mark5}}
    |{{Location map {{{1}}}|<!--else-->mark5}}|Red pog.svg}}
}}|<!--
----- set image size as 'mark5size'x'mark5high' with defaults --
--    ("x" between values, defaults from named-map template or 8)
-->{{#if: {{{mark5size|}}}
  |{{{mark5size}}}x{{#if: {{{mark5high|}}}
    |{{{mark5high}}}
    |{{#if: {{Location map {{{1}}}|mark5high}}
      |{{Location map {{{1}}}|mark5high}}|8}}<!--eif-1/mark5high-->
    }}<!--eif-mark5high-->px
  |<!--else-->{{#if: {{Location map {{{1}}}|mark5size}}
    |{{Location map {{{1}}}|mark5size}}|<!--else-->8}}x{{
    #if: {{{mark5high|}}}
      |{{{mark5high}}}
      |{{#if: {{Location map {{{1}}}|mark5high}}
        |{{Location map {{{1}}}|mark5high}}|<!--else-->8}}}}px
}}|<!--endif mark5size-->{{#if: {{{label5|}}}
  | {{{label5}}}
  | <!--else-->{{PAGENAME}}
}}<!--endif label5-->]]</div><!-- end-div marker5
---------------------------------------------- Label #5
-->{{#ifeq: {{{position5|{{{pos5|}}}}}} | none
  |
  |<div style="font-size: {{{label5_size|90}}}%; line-height: 110%; position: relative;
        top: -1.5em; width: 5em; {{#switch: {{{position5|{{{pos5}}}}}}
    |left = left: -5.5em; text-align: right;
    |right = left: 0.5em; text-align: left;
    |top = top:-{{#expr: {{{mark5high|8}}}*1.9
              + {{{label5_size|90}}}*.13 + 2.5 round 0}}px;
          left:-3em; text-align: center;
    |bottom = top:-0.15em; left: -3em; text-align: center;
    |left: 0.5em; text-align: left;
  }}"><span style="padding: 1px; {{#if: {{{background5|{{{bg5|}}}}}}
    | background-color: {{{background5|{{{bg5}}}}}};
  }}">{{{label5|}}}</span></div><!-- end-div label5 -->
}}</div><!--end-div point#5--
================================================= Marker/Label #6
--><div style="position: absolute; z-index: 2; top: {{#expr:
  100 * ({{Location map {{{1}}}|top}} - {{#if: {{{lat6_deg|}}}
    | {{#expr: {{#ifeq: {{{lat6_dir|}}}|S|-1|1}} * ({{{lat6_deg|0}}}
        + ({{{lat6_min|0}}} / 60) + ({{{lat6_sec|0}}} / 3600)) }}
    | {{{lat6|0}}}
  }}) / ({{Location map {{{1}}}|top}} - {{Location map {{{1}}}|bottom}}) round 1
}}%; left: {{#expr:
  {{#expr:{{#if:{{Location map {{{1}}}|crosses180}}|{{#ifeq: {{{lon6_dir|}}}|W
    |-36000/({{Location map {{{1}}}|left}} - {{Location map {{{1}}}|right}})|}}|}}}}
      + 100 * ({{#if: {{{lon6_deg|}}}
    | {{#expr: {{#ifeq: {{{lon6_dir|}}}|W|-1|1}} * ({{{lon6_deg|0}}}
      + ({{{lon6_min|0}}} / 60) + ({{{lon6_sec|0}}} / 3600)) }}
    | {{{long6|0}}}
  }} - {{Location map {{{1}}}|left}})
    / ({{Location map {{{1}}}|right}} - {{Location map {{{1}}}|left}}) round 1
  }}%; height: 0; width: 0; margin: 0; padding: 0;"><!--
------------------------------------------------ Marker#6 division
--><div style="position: relative; text-align: center; {{#if: {{{mark6size|}}}
  | left: -{{#expr: {{{mark6size}}} / 2 round 0 }}px; top: -{{#expr: {{{mark6high|{{{mark6size|8}}} }}} / 2 round 0 }}px; width: {{{mark6size}}}px; font-size: {{{mark6size}}}px;
  | left: -{{#expr: {{#if: {{Location map {{{1}}}|mark6size}}|{{Location map {{{1}}}|mark6size}}|8}} / 2 round 0 }}px; top: -{{#expr: {{#if: {{Location map {{{1}}}|mark6high}}
    |{{Location map {{{1}}}|mark6high}}
    |<!--else-->{{{mark6size|8}}} }} / 2 round 0 }}px; width: {{
  #if: {{Location map {{{1}}}|mark6size}}
    |{{Location map {{{1}}}|mark6size}}
    |<!--else-->8}}px; font-size: {{
  #if: {{Location map {{{1}}}|mark6size}}
    |{{Location map {{{1}}}|mark6size}}|<!--else-->8}}px;
}}"><!-- specify marker#6 --><!--
-->[[Image:{{#if: {{{mark6|}}}
  | {{{mark6}}}
  | <!--else-->{{#if: {{Location map {{{1}}}|mark6}}
    |{{Location map {{{1}}}|<!--else-->mark6}}|Red pog.svg}}
}}|<!--
----- set image size as 'mark6size'x'mark6high' with defaults --
--    ("x" between values, defaults from named-map template or 8)
-->{{#if: {{{mark6size|}}}
  |{{{mark6size}}}x{{#if: {{{mark6high|}}}
    |{{{mark6high}}}
    |{{#if: {{Location map {{{1}}}|mark6high}}
      |{{Location map {{{1}}}|mark6high}}|8}}<!--eif-1/mark6high-->
    }}<!--eif-mark6high-->px
  |<!--else-->{{#if: {{Location map {{{1}}}|mark6size}}
    |{{Location map {{{1}}}|mark6size}}|<!--else-->8}}x{{
    #if: {{{mark6high|}}}
      |{{{mark6high}}}
      |{{#if: {{Location map {{{1}}}|mark6high}}
        |{{Location map {{{1}}}|mark6high}}|<!--else-->8}}}}px
}}|<!--endif mark6size-->{{#if: {{{label6|}}}
  | {{{label6}}}
  | <!--else-->{{PAGENAME}}
}}<!--endif label6-->]]</div><!-- end-div marker6
---------------------------------------------- Label #6
-->{{#ifeq: {{{position6|{{{pos6|}}}}}} | none
  |
  |<div style="font-size: {{{label6_size|90}}}%; line-height: 110%; position: relative;
        top: -1.5em; width: 6em; {{#switch: {{{position6|{{{pos6}}}}}}
    |left = left: -6.5em; text-align: right;
    |right = left: 0.5em; text-align: left;
    |top = top:-{{#expr: {{{mark6high|8}}}*1.9
              + {{{label6_size|90}}}*.13 + 2.5 round 0}}px;
          left:-3em; text-align: center;
    |bottom = top:-0.15em; left: -3em; text-align: center;
    |left: 0.5em; text-align: left;
  }}"><span style="padding: 1px; {{#if: {{{background6|{{{bg6|}}}}}}
    | background-color: {{{background6|{{{bg6}}}}}};
  }}">{{{label6|}}}</span></div><!-- end-div label6 -->
}}</div><!--end-div point#6--
================================================= Marker/Label #7
--><div style="position: absolute; z-index: 2; top: {{#expr:
  100 * ({{Location map {{{1}}}|top}} - {{#if: {{{lat7_deg|}}}
    | {{#expr: {{#ifeq: {{{lat7_dir|}}}|S|-1|1}} * ({{{lat7_deg|0}}}
        + ({{{lat7_min|0}}} / 60) + ({{{lat7_sec|0}}} / 3600)) }}
    | {{{lat7|0}}}
  }}) / ({{Location map {{{1}}}|top}} - {{Location map {{{1}}}|bottom}}) round 1
}}%; left: {{#expr:
  {{#expr:{{#if:{{Location map {{{1}}}|crosses180}}|{{#ifeq: {{{lon7_dir|}}}|W
    |-36000/({{Location map {{{1}}}|left}} - {{Location map {{{1}}}|right}})|}}|}}}}
      + 100 * ({{#if: {{{lon7_deg|}}}
    | {{#expr: {{#ifeq: {{{lon7_dir|}}}|W|-1|1}} * ({{{lon7_deg|0}}}
      + ({{{lon7_min|0}}} / 60) + ({{{lon7_sec|0}}} / 3600)) }}
    | {{{long7|0}}}
  }} - {{Location map {{{1}}}|left}})
    / ({{Location map {{{1}}}|right}} - {{Location map {{{1}}}|left}}) round 1
  }}%; height: 0; width: 0; margin: 0; padding: 0;"><!--
------------------------------------------------ Marker#7 division
--><div style="position: relative; text-align: center; {{#if: {{{mark7size|}}}
  | left: -{{#expr: {{{mark7size}}} / 2 round 0 }}px; top: -{{#expr: {{{mark7high|{{{mark7size|8}}} }}} / 2 round 0 }}px; width: {{{mark7size}}}px; font-size: {{{mark7size}}}px;
  | left: -{{#expr: {{#if: {{Location map {{{1}}}|mark7size}}|{{Location map {{{1}}}|mark7size}}|8}} / 2 round 0 }}px; top: -{{#expr: {{#if: {{Location map {{{1}}}|mark7high}}
    |{{Location map {{{1}}}|mark7high}}
    |<!--else-->{{{mark7size|8}}} }} / 2 round 0 }}px; width: {{
  #if: {{Location map {{{1}}}|mark7size}}
    |{{Location map {{{1}}}|mark7size}}
    |<!--else-->8}}px; font-size: {{
  #if: {{Location map {{{1}}}|mark7size}}
    |{{Location map {{{1}}}|mark7size}}|<!--else-->8}}px;
}}"><!-- specify marker#7 --><!--
-->[[Image:{{#if: {{{mark7|}}}
  | {{{mark7}}}
  | <!--else-->{{#if: {{Location map {{{1}}}|mark7}}
    |{{Location map {{{1}}}|<!--else-->mark7}}|Red pog.svg}}
}}|<!--
----- set image size as 'mark7size'x'mark7high' with defaults --
--    ("x" between values, defaults from named-map template or 8)
-->{{#if: {{{mark7size|}}}
  |{{{mark7size}}}x{{#if: {{{mark7high|}}}
    |{{{mark7high}}}
    |{{#if: {{Location map {{{1}}}|mark7high}}
      |{{Location map {{{1}}}|mark7high}}|8}}<!--eif-1/mark7high-->
    }}<!--eif-mark7high-->px
  |<!--else-->{{#if: {{Location map {{{1}}}|mark7size}}
    |{{Location map {{{1}}}|mark7size}}|<!--else-->8}}x{{
    #if: {{{mark7high|}}}
      |{{{mark7high}}}
      |{{#if: {{Location map {{{1}}}|mark7high}}
        |{{Location map {{{1}}}|mark7high}}|<!--else-->8}}}}px
}}|<!--endif mark7size-->{{#if: {{{label7|}}}
  | {{{label7}}}
  | <!--else-->{{PAGENAME}}
}}<!--endif label7-->]]</div><!-- end-div marker7
---------------------------------------------- Label #7
-->{{#ifeq: {{{position7|{{{pos7|}}}}}} | none
  |
  |<div style="font-size: {{{label7_size|90}}}%; line-height: 110%; position: relative;
        top: -1.5em; width: 7em; {{#switch: {{{position7|{{{pos7}}}}}}
    |left = left: -7.5em; text-align: right;
    |right = left: 0.5em; text-align: left;
    |top = top:-{{#expr: {{{mark7high|8}}}*1.9
              + {{{label7_size|90}}}*.13 + 2.5 round 0}}px;
          left:-3em; text-align: center;
    |bottom = top:-0.15em; left: -3em; text-align: center;
    |left: 0.5em; text-align: left;
  }}"><span style="padding: 1px; {{#if: {{{background7|{{{bg7|}}}}}}
    | background-color: {{{background7|{{{bg7}}}}}};
  }}">{{{label7|}}}</span></div><!-- end-div label7 -->
}}</div><!--end-div point#7--
================================================= Marker/Label #8
--><div style="position: absolute; z-index: 2; top: {{#expr:
  100 * ({{Location map {{{1}}}|top}} - {{#if: {{{lat8_deg|}}}
    | {{#expr: {{#ifeq: {{{lat8_dir|}}}|S|-1|1}} * ({{{lat8_deg|0}}}
        + ({{{lat8_min|0}}} / 60) + ({{{lat8_sec|0}}} / 3600)) }}
    | {{{lat8|0}}}
  }}) / ({{Location map {{{1}}}|top}} - {{Location map {{{1}}}|bottom}}) round 1
}}%; left: {{#expr:
  {{#expr:{{#if:{{Location map {{{1}}}|crosses180}}|{{#ifeq: {{{lon8_dir|}}}|W
    |-36000/({{Location map {{{1}}}|left}} - {{Location map {{{1}}}|right}})|}}|}}}}
      + 100 * ({{#if: {{{lon8_deg|}}}
    | {{#expr: {{#ifeq: {{{lon8_dir|}}}|W|-1|1}} * ({{{lon8_deg|0}}}
      + ({{{lon8_min|0}}} / 60) + ({{{lon8_sec|0}}} / 3600)) }}
    | {{{long8|0}}}
  }} - {{Location map {{{1}}}|left}})
    / ({{Location map {{{1}}}|right}} - {{Location map {{{1}}}|left}}) round 1
  }}%; height: 0; width: 0; margin: 0; padding: 0;"><!--
------------------------------------------------ Marker#8 division
--><div style="position: relative; text-align: center; {{#if: {{{mark8size|}}}
  | left: -{{#expr: {{{mark8size}}} / 2 round 0 }}px; top: -{{#expr: {{{mark8high|{{{mark8size|8}}} }}} / 2 round 0 }}px; width: {{{mark8size}}}px; font-size: {{{mark8size}}}px;
  | left: -{{#expr: {{#if: {{Location map {{{1}}}|mark8size}}|{{Location map {{{1}}}|mark8size}}|8}} / 2 round 0 }}px; top: -{{#expr: {{#if: {{Location map {{{1}}}|mark8high}}
    |{{Location map {{{1}}}|mark8high}}
    |<!--else-->{{{mark8size|8}}} }} / 2 round 0 }}px; width: {{
  #if: {{Location map {{{1}}}|mark8size}}
    |{{Location map {{{1}}}|mark8size}}
    |<!--else-->8}}px; font-size: {{
  #if: {{Location map {{{1}}}|mark8size}}
    |{{Location map {{{1}}}|mark8size}}|<!--else-->8}}px;
}}"><!-- specify marker#8 --><!--
-->[[Image:{{#if: {{{mark8|}}}
  | {{{mark8}}}
  | <!--else-->{{#if: {{Location map {{{1}}}|mark8}}
    |{{Location map {{{1}}}|<!--else-->mark8}}|Red pog.svg}}
}}|<!--
----- set image size as 'mark8size'x'mark8high' with defaults --
--    ("x" between values, defaults from named-map template or 8)
-->{{#if: {{{mark8size|}}}
  |{{{mark8size}}}x{{#if: {{{mark8high|}}}
    |{{{mark8high}}}
    |{{#if: {{Location map {{{1}}}|mark8high}}
      |{{Location map {{{1}}}|mark8high}}|8}}<!--eif-1/mark8high-->
    }}<!--eif-mark8high-->px
  |<!--else-->{{#if: {{Location map {{{1}}}|mark8size}}
    |{{Location map {{{1}}}|mark8size}}|<!--else-->8}}x{{
    #if: {{{mark8high|}}}
      |{{{mark8high}}}
      |{{#if: {{Location map {{{1}}}|mark8high}}
        |{{Location map {{{1}}}|mark8high}}|<!--else-->8}}}}px
}}|<!--endif mark8size-->{{#if: {{{label8|}}}
  | {{{label8}}}
  | <!--else-->{{PAGENAME}}
}}<!--endif label8-->]]</div><!-- end-div marker8
---------------------------------------------- Label #8
-->{{#ifeq: {{{position8|{{{pos8|}}}}}} | none
  |
  |<div style="font-size: {{{label8_size|90}}}%; line-height: 110%; position: relative;
        top: -1.5em; width: 8em; {{#switch: {{{position8|{{{pos8}}}}}}
    |left = left: -8.5em; text-align: right;
    |right = left: 0.5em; text-align: left;
    |top = top:-{{#expr: {{{mark8high|8}}}*1.9
              + {{{label8_size|90}}}*.13 + 2.5 round 0}}px;
          left:-3em; text-align: center;
    |bottom = top:-0.15em; left: -3em; text-align: center;
    |left: 0.5em; text-align: left;
  }}"><span style="padding: 1px; {{#if: {{{background8|{{{bg8|}}}}}}
    | background-color: {{{background8|{{{bg8}}}}}};
  }}">{{{label8|}}}</span></div><!-- end-div label8 -->
}}</div><!--end-div point#8--
================================================= Marker/Label #9
--><div style="position: absolute; z-index: 2; top: {{#expr:
  100 * ({{Location map {{{1}}}|top}} - {{#if: {{{lat9_deg|}}}
    | {{#expr: {{#ifeq: {{{lat9_dir|}}}|S|-1|1}} * ({{{lat9_deg|0}}}
        + ({{{lat9_min|0}}} / 60) + ({{{lat9_sec|0}}} / 3600)) }}
    | {{{lat9|0}}}
  }}) / ({{Location map {{{1}}}|top}} - {{Location map {{{1}}}|bottom}}) round 1
}}%; left: {{#expr:
  {{#expr:{{#if:{{Location map {{{1}}}|crosses180}}|{{#ifeq: {{{lon9_dir|}}}|W
    |-36000/({{Location map {{{1}}}|left}} - {{Location map {{{1}}}|right}})|}}|}}}}
      + 100 * ({{#if: {{{lon9_deg|}}}
    | {{#expr: {{#ifeq: {{{lon9_dir|}}}|W|-1|1}} * ({{{lon9_deg|0}}}
      + ({{{lon9_min|0}}} / 60) + ({{{lon9_sec|0}}} / 3600)) }}
    | {{{long9|0}}}
  }} - {{Location map {{{1}}}|left}})
    / ({{Location map {{{1}}}|right}} - {{Location map {{{1}}}|left}}) round 1
  }}%; height: 0; width: 0; margin: 0; padding: 0;"><!--
------------------------------------------------ Marker#9 division
--><div style="position: relative; text-align: center; {{#if: {{{mark9size|}}}
  | left: -{{#expr: {{{mark9size}}} / 2 round 0 }}px; top: -{{#expr: {{{mark9high|{{{mark9size|8}}} }}} / 2 round 0 }}px; width: {{{mark9size}}}px; font-size: {{{mark9size}}}px;
  | left: -{{#expr: {{#if: {{Location map {{{1}}}|mark9size}}|{{Location map {{{1}}}|mark9size}}|8}} / 2 round 0 }}px; top: -{{#expr: {{#if: {{Location map {{{1}}}|mark9high}}
    |{{Location map {{{1}}}|mark9high}}
    |<!--else-->{{{mark9size|8}}} }} / 2 round 0 }}px; width: {{
  #if: {{Location map {{{1}}}|mark9size}}
    |{{Location map {{{1}}}|mark9size}}
    |<!--else-->8}}px; font-size: {{
  #if: {{Location map {{{1}}}|mark9size}}
    |{{Location map {{{1}}}|mark9size}}|<!--else-->8}}px;
}}"><!-- specify marker#9 --><!--
-->[[Image:{{#if: {{{mark9|}}}
  | {{{mark9}}}
  | <!--else-->{{#if: {{Location map {{{1}}}|mark9}}
    |{{Location map {{{1}}}|<!--else-->mark9}}|Red pog.svg}}
}}|<!--
----- set image size as 'mark9size'x'mark9high' with defaults --
--    ("x" between values, defaults from named-map template or 8)
-->{{#if: {{{mark9size|}}}
  |{{{mark9size}}}x{{#if: {{{mark9high|}}}
    |{{{mark9high}}}
    |{{#if: {{Location map {{{1}}}|mark9high}}
      |{{Location map {{{1}}}|mark9high}}|8}}<!--eif-1/mark9high-->
    }}<!--eif-mark9high-->px
  |<!--else-->{{#if: {{Location map {{{1}}}|mark9size}}
    |{{Location map {{{1}}}|mark9size}}|<!--else-->8}}x{{
    #if: {{{mark9high|}}}
      |{{{mark9high}}}
      |{{#if: {{Location map {{{1}}}|mark9high}}
        |{{Location map {{{1}}}|mark9high}}|<!--else-->8}}}}px
}}|<!--endif mark9size-->{{#if: {{{label9|}}}
  | {{{label9}}}
  | <!--else-->{{PAGENAME}}
}}<!--endif label9-->]]</div><!-- end-div marker9
---------------------------------------------- Label #9
-->{{#ifeq: {{{position9|{{{pos9|}}}}}} | none
  |
  |<div style="font-size: {{{label9_size|90}}}%; line-height: 110%; position: relative;
        top: -1.5em; width: 9em; {{#switch: {{{position9|{{{pos9}}}}}}
    |left = left: -9.5em; text-align: right;
    |right = left: 0.5em; text-align: left;
    |top = top:-{{#expr: {{{mark9high|8}}}*1.9
              + {{{label9_size|90}}}*.13 + 2.5 round 0}}px;
          left:-3em; text-align: center;
    |bottom = top:-0.15em; left: -3em; text-align: center;
    |left: 0.5em; text-align: left;
  }}"><span style="padding: 1px; {{#if: {{{background9|{{{bg9|}}}}}}
    | background-color: {{{background9|{{{bg9}}}}}};
  }}">{{{label9|}}}</span></div><!-- end-div label9 -->
}}</div><!--end-div point#9--
================================================ End All Markers
--></div><div style="font-size: 90%">{{{caption|{{#if: {{{label|}}}
  | {{{label}}}
  | {{PAGENAME}}
}} ({{Location map {{{1}}}|name}})}}}</div><!-- end-div caption --
--></div><!-- end-div overall box -->
<!-- </div></div> <!--force any divisions closed -->
</includeonly><noinclude><!--
--
-- NOTES:
--  This code generates nested HTML divisions for a box-division
--  containing a map-division with nested point-divisions, each
--  having a nested marker-image division & label division (for
--  each marker/label point), following by a caption-division.
--
--  The "map image" can be any image, allowing markers/labels to
--  annotate any picture. Set each markXsize=0 to show labels only.
--
--  [ These comments take < 1 second per 5,000 comment lines. ]
--  [ Be sure to close comments: primitive editors don't check. ]
--
--HISTORY:
-- 06Sep07 Created/debugged to allow 3 markers.
-- 08Sep07 Expanded with 6 more markers #4-#9 (of eventual 20).
-- 08Sep07 Debugged marker #9 for extraneous marker in caption.
-- 09Sep07 Rewrote to auto-position labels by marksize/markhigh.
-- 09Sep07 Fixed ghost markers sometimes appearing in margins.
-->
{{/doc}}
 
[[Category:Graphic templates]]
[[Category:Mapping templates]]
</noinclude>
</noinclude>

Latest revision as of 17:27, 3 September 2020