What would be the best way to approach doing this in Freeway 5.
I would like to produce a page for a customer that shows the various outlets of her business across the UK.
I’d see this as a map of the UK divided into the following regions: Scotland, North West, North East, Midlands, South West, South East, Wales and Northern Ireland.
When the mouse hovers over these regions I’d like it to highlight the region.
When clicked on I’d like a list to display to the right of the map. The list of cities when clicked on would then take us to a page of details for that particular location.
Draw a graphic box for your map of the UK and import an outline
image over which to draw your regions.
Using the Path Tool draw the shapes of the regional areas you want
in a base colour, duplicate, change the colour and add the Rollover
Action to each pair.
Give each Rollover a unique Target number.
Create your lists of towns on separate layers stacked above each
other. Use solid background colour and frame to the maximum length of
list so that all layers match.
For each layer you add the Target Show/Hide Layer Action and set
the Target number to match the corresponding regional mapped area
rollover.
Adjust you Rollover settings to ‘On Mouseover’ or 'On Click" as you
prefer and for the Town lists, in the Target Show/Hide Layer I
recommend you set ‘Restore’ to 'Sticky.
The towns in each list can be linked to the relevant location pages.
There should be little more to do to get the effect you want, but
come back to the forum if you need more advice.
Colin.
On 20 Jul 2009, at 20:20, David B wrote:
I would like to produce a page for a customer that shows the various
outlets of her business across the UK.
I’d see this as a map of the UK divided into the following regions:
Scotland, North West, North East, Midlands, South West, South East,
Wales and Northern Ireland.
When the mouse hovers over these regions I’d like it to highlight
the region.
When clicked on I’d like a list to display to the right of the map.
The list of cities when clicked on would then take us to a page of
details for that particular location.
Thanks for that Colin, That all works very well on my test and achieves the effect needed.
There does seem to be a couple of things that I may have misunderstood;
Do you actually mean that I use the imported image purely as a guide to draw the areas over using the Path Tool, and then delete the imported map outline? It would be better if I could somehow place the graphic over the top of the rollovers but this does not work.
Additionally, If the rollover areas I have created cross over, this appears to cause problems by sorting ‘grouping’ them together and creates problems with the rollover.
These I suspect are probably very rudimentary things but any help gratefully received
Do you actually mean that I use the imported image purely as a guide
to draw the areas over using the Path Tool, and then delete the
imported map outline? It would be better if I could somehow place
the graphic over the top of the rollovers but this does not work.
Here’s a better way, if the rollovers are conflicting.
Draw you regions either on to a base map or over the original
outline map and colour each one differently.
Now go to the Menu Bar and select the Map Path Tool (It drops down
from the Map Areas Icon)
Draw a path just inside each regional area and apply the Rollover
Action to the Map Path Item and not the area itself.
Now continue as before. The Mapped Paths will not overlap and will
trigger the lists of cities, either on mouseover or on click, as you
choose.
It is wise to put a statement on your page telling the visitor what to
do to see the lists.