Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Clickable continent/country maps: which way to go?

There are many Web sites that include clickable maps that highlight regions on mouseover and allow the user to narrow down a selection from a world map view to a continent level. Here is an interesting example: davidlynch.org.

Many of these clickable maps are implemented with HTML image maps, while another option is to use for example Google's GeoChart API. Concerning the HTML image maps option, I'm wondering where people get all the 'raw data', all the country and regional border polygons. Is there a free resource for that? Concerning the Google GeoChart option, I'm wondering if that is scalable or if the number of API calls are somehow limited?

Does anyone have some advice on the availability of a free library that allows a straightforward implementation of clickable maps with customizable regions?

like image 984
dokaspar Avatar asked Jan 17 '12 14:01

dokaspar


People also ask

What is clickable map?

A Clickable map is a graphic tool that has certain areas on it defined to link to another URL address when clicked. These areas can do what normal HTML links do i.e. email, ftp, gopher, etc. The most common use of a clickable map is to take the user from the macroscopic to the microscopic level of the subject at hand.

How many states are there on the world map?

Today there are 195 recognized sovereign states on the planet, the two countries which are not members of the United Nations are Palestine and Vatican City (they are so-called observer states).


1 Answers

Well it is not really a problem which could be tagged 'geocoding'.

Since I have been playing with Raphael.js these days, I thought of this lib while reading your question title. I also remember Wikipedia commons hosted a SVG map of the world. Raphael helps you manipulate svg files, so that could be a nice way to go. Anyway, after searching whith the criteria 'raphael' I found a conversation matching your request, exactly. So there it is : http://groups.google.com/group/raphaeljs/browse_thread/thread/46b5402c677ce274/7ff6a6a8d8f5f9fa?pli=1

There are some utility scripts, as well as the link to the svg world file mentioned above and a live examples (and links to Stack Exchange topics).
Sure there is work to do, and it may be easier to call directly the google api.

In my experience of the gmaps API, you have to make many requests per second to be blacklisted by google. Like when you launch a heavy batch geocoding tool. So it depends of your project but I would consider quite safe to use it even if your page is popular.

[EDIT] : There is now a live demo on RaphaelJs website.

[EDIT again]: And now a complete production workflow based on Python and Raphael exists : Kartograph. It's really young but looks promising.

like image 189
Bathz Avatar answered Sep 25 '22 09:09

Bathz