CSS Interactive Map - Comtés superposés changeant de couleur en stationnaire

Question

On m'a demandé de créer une carte du Royaume-Uni, représentant des comtés. Une fois que les comtés sont planés, ils changent de couleur, et en cliquant sur eux va à une page intermidiary. Flash n'est également pas une option.

Habituellement, ce ne serait pas un problème, mais en raison des formes étranges des comtés, ces zones qui peuvent être planifiées vont se chevaucher assez lourdement, ce qui signifie que tout comté étant couvert par le surplomb d'un autre comté ne sera pas être hoverable.

I savez J'ai vu un exemple d'une chose similaire qui se fait sans le problème de chevauchement, mais je ne peux pas le trouver du tout. Est-ce que quelqu'un a des idées sur la façon dont je pourrais le faire sans chevauchement devenir un gros problème pour l'utilisateur final?

Je n'ai pas de code à afficher car je n'ai pas encore commencé à travailler dessus, je sais juste que ça va être un mal de tête. La carte que je vais utiliser est probablement la même que celle-ci: http://proofs10.issl.co.uk/images/contact-map.jpg et comme vous pouvez voir si je superpose des éléments sur chaque comté qui va créer un problème.

Answer 1

Avec flash hors de question la seule autre option est javascript. Je l'ai utilisé un plugin jquery:

http://davidlynch.org/blog/2008/03/maphilight-image-map-mouseover-highlighting/

La documentation est assez bonne. Une fois que vous avez compris, c'est un jeu d'enfant. Bonne chance.

Answer 2

Probablement un peu trop, mais OpenLayers est une bibliothèque JavaScript multi-navigateur qui vous permet de mettre des cartes interactives zoomables et déplaçables sur votre page Web. Les éléments peuvent être faits pour surligner sur le vol stationnaire et faire quelque chose sur le clic. Vous pouvez restreindre le zoom et le panoramique si vous voulez juste une carte fixe.

Vous devriez obtenir votre carte de comté dans un format vectoriel approprié (GML fonctionne bien).