Vizualizare sursă pentru „Format:MapCoords”

<div style="display: inline-block; position: relative;"> <!-- Centering and relative positioning -->
    <!-- Original wiki-style image format -->
    [[{{{image}}}|thumb]]

    <!-- Point 1 -->
    {{#if: {{{x1|}}}{{{y1|}}} |
      {{#ifexpr: {{{width}}}>300
        |<div class="animated-point" style="position: absolute; top: calc(7px + {{{y1}}}px * 300/{{{width}}}); left: calc(37px + {{{x1}}}px * 300/{{{width}}});"></div>
        |<div class="animated-point" style="position: absolute; top: calc(7px + {{{y1}}}px); left: calc(37px + {{{x1}}}px);"></div>
      }}
    }}

    <!-- Point 2 -->
    {{#if: {{{x2|}}}{{{y2|}}} |
      {{#ifexpr: {{{width}}} > 300 
        |<div class="animated-point" style="position: absolute; top: calc(7px + {{{y2}}}px * 300/{{{width}}}); left: calc(37px + {{{x2}}}px * 300/{{{width}}});"></div>
        |<div class="animated-point" style="position: absolute; top: calc(7px + {{{y2}}}px); left: calc(37px + {{{x2}}}px);"></div>
      }}
    }}
    <!-- Point 2 -->
    {{#if: {{{x3|}}}{{{y3|}}} |
      {{#ifexpr: {{{width}}} > 300 
        |<div class="animated-point" style="position: absolute; top: calc(7px + {{{y3}}}px * 300/{{{width}}}); left: calc(37px + {{{x3}}}px * 300/{{{width}}});"></div>
        |<div class="animated-point" style="position: absolute; top: calc(7px + {{{y3}}}px); left: calc(37px + {{{x3}}}px);"></div>
      }}
    }}
</div>