Hello, anyone can help me with creating a map similar to the one shown on this link: http://www.leboncoin.fr/
Any tool or tutorial on how to do this? For example clicking on a specific region loads a corresponding web page for it

Recommended Answers

All 4 Replies

In that particular example they went to a lot of trouble to create an image map where they defined the regions each link would relate too. The page source makes a good example of how to do it yourself. Less accuracy in the borders would make the task a lot simplier.

If you right click and look at the source code as hericles suggested, scroll down and you'll find the section where the <map> and <area> elements were used.

If you are looking for a quick start tutorial, try W3Schools: http://www.w3schools.com/tags/tag_map.asp

thanks forgot completely about the source of the page

This is an 'area selector' type of map. You can create this type of map using Google Map too with some tweaks.

The easiest way for you to build this (if you are not a programmer) might be to use a mapping tool software, such as http://imapbuilder.net, which already has many map templates (including a France map template alike the one shown on your smaple website). You can then easily attach a link with each region, define mouse-over effects, etc.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.