Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • The overlayFormat is used for positioning location and/or warning icons on the map based on:
  • The map itself (defined in mapFormat);
  • X and Y coordinates of the required locations from the Locations.xml;

Position

Type

Variable

0

number

Absolute x position of status icon.

1

number

Absolute y position of status icon.

2

string

Image filename.

3

string

Status description.

4

string

Location name.

5 (optional)

string

Html-link for opening a individual html page (forecastlocation.html)

The mapFormat and overlayFormat elements are configured in html language in which some parts needs to be dynamically filled in. The result will be valid html. The map itself is placed as the bottom 'layer' using the <DIV> tag attributes Wiki Markup1.2.80 | *Position* | *Type* | *Variable* | 1.2.81 | 0 | number | Absolute x position of status icon. | 1.2.82 | 1 | number | Absolute y position of status icon. | 1.2.83 | 2 | string | Image filename. | 1.2.84 | 3 | string | Status description. | 1.2.85 | 4 | string | Location name. | 1.2.86 | 5\\ (optional) | string\\ | Html-link for opening a individual html page (forecastlocation.html) | 1.2.87 The mapFormat and overlayFormat elements are configured in html language in which some parts needs to be dynamically filled in. The result will be valid html. The map itself is placed as the bottom 'layer' using the \[DIV\] tag attributes (index="0") in the mapFormat. Objects defined in the overlayFormat are given higher indices to place them 'on top of the map' and will always be visible (location icons, warning icons).1.2.88 1.2.89 h5.

Use of optional settings in mapFormat and overlayFormat

In both formats, an optional item can be specified. 1.2. 90 1.2.91 h5.

Clickable map

A clickable map is an image on a html page containing 'hot spots' where the cursor change from the normal 'arrow' to a 'pointing finger' during a mouse-over event. These hot spots can contain hyperlinks to other pages.

1.2.92

1.2.93
When adding the string "usemap="{5}" to the mapFormat (see above) the outcome in the html page will be (printed in bold).

...

<ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="230ad6199bea331e-42af2ef3-4b6e475c-b762a618-456fc4daa47910be2eb6362a"><ac:plain-text-body><![CDATA[


[img border="0" src="northeast.png" width="503" height="595" usemap="#clickmap" ]

[!-- Here the clickable map starts: SHOULD BE IN THE TEMPLATE --]
[map name="clickmap"]
[area alt="Northumbria Area" href="northumbria/area_status.html" shape="polygon" coords="138, ...,...,34"]
[area alt="Dales Area" href="dales/area_status.html" shape="polygon" coords="266, ..., ..., 285"]
[area alt="Ridings Area" href="ridings/area_status.html" shape="polygon" coords="359, ..., ..., 379"]
[/map]

]]></ac:plain-text-body></ac:structured-macro>

...

<ac:structured-macro ac:name="unmigrated-wiki-markup" ac:schema-version="1" ac:macro-id="b36c55ab2173bf73-15836f78-41c44cfd-8352a48c-a3ca39feb7789e06b46c156c"><ac:plain-text-body><![CDATA[

[!-- map --\]\\ \[div style="TOP:160px;LEFT:5px;position:absolute;Z-index:0"\]\\ \[img border="0" src="derwent.png" width="503" height="578" usemap="#clickmap" \]\\ \[/div\]\\ \\ \[!-- icons --]
[div style="TOP:467px;LEFT:427px;position:absolute;Z-index:1"]
[a href="BOYNTN1/forecastlocation.html"][img border="0" src="fluvial_site_data.gif"
title="Boyntn1: No threshold exceeded"][/a]
[/div]

]]></ac:plain-text-body></ac:structured-macro>

...