United Kingdom
CSS & jQuery clickable map
Interactive map of thirty regions of the United Kingdom, including: England, Scotland, Wales and Northern Ireland. It's a better way to convert a list of regions into a stylish clickable map without a Flash Player or any external plug-ins ..just a well known CSS sprites ..which works in all modern browsers ..even on the mobile devices as iPhone or iPad.
- five maps: 290, 435, 560, 685 and 810px wide (including gaps) with .psd source files
- multiple click mode
- list of agents / addresses
- onClick / onHover custom events
- tooltips and list of regions
- marked cities
- preloader
Supported browsers
- Firefox 3.5+
- Chrome 1+
- Safari 3+
- Opera 9+
- Internet Explorer 7+
- ..and the mobile Safari (iPhone, iPad)
- East Midlands England
- North East England
- North West England
- South West England
- West Midlands England
- Yorkshire and The Humber England
- Antrim Northern Ireland
- Armagh Northern Ireland
- Down Northern Ireland
- Fermanagh Northern Ireland
- Londonderry Northern Ireland
- Tyrone Northern Ireland
- Dumfries and Galloway Scotland
- Highland Scotland
- Outer Hebrides Scotland
- Scottish Borders Scotland
- Strathclyde Scotland
- North Wales Wales
- Mid Wales Wales
- South Wales Wales
Also available clickable maps of:
Australia
Brasil
Canada
Česká republika
Cuba
Danmark
Deutschland
España
Europe
Europe + Russia
France
Ireland
Italia
Nederland
Norge
Polska
Slovensko
South Africa
Sverige
Switzerland
Türkiye
United Kingdom
United States
World continentsInteractive maps made for web designers
These clickable maps were created by using proven and well-known properties of old CSS 2.1 With a little help of jQuery (mostly to simplify the markup) the CSS style sheets available in the package, allows you to convert a simple list of links into the interactive map.
- reference to a page in the link,
- show or hide the addresses of agents in selected region,
- select several regions and pass their values to the search engine,
- onClick / onHover custom events.
Almost each element of the map can be customized by a CSS style sheets. Detailed instructions of setup, configuration, editing and nformations about updates (with a direct link to the free package with files) you will find on the demo page available in the downloaded package.
Accessibility
The script was written with a view to maximizing the accessibility on the different devices, as well as for the disabled or who use the keyboard to navigate on the page (tabindex available).
In browsers with disabled JavaScript and the old mobile phones, user will see a simple list of links. In the same way, map will be treated by screen readers and printers.
But most importantly, the map doesn't need a Flash Player or any external plugins.
Editable source files
In the package, except the style sheets and scripts, you will find easy to edit .psd source files for each map size, so you can adjust the appearance of the map to your needs.
To help editing, each region (shape) is placed into separate layer and grouped. Also in the source files I marked regional capitals, major cities, lakes and rivers.
Best software to editing the .psd source files is the Adobe Photoshop or Fireworks ..but you can also use a free online editor: Pixlr!
Royality Free License
All of my CSS & jQuery clickable maps are distributed under ROYALITY FREE license, meaning they can be used with no limits on time, number of copies and geographical location. These maps can be used in all kinds of web creations as websites, templates and themes (private or commercial) without any extra fees.
..and one more thing
If you have any questions about setup, licensing, payments, or would like to order a custom map of any regions, feel free to contact me at contact@winstonwolf.pl