À la fin de la première partie de ce tutoriel (voir ici) nous avions :

• un dossier images contenant la carte
• un fichier HTML comprenant notre map HTML
• notre fichier Illustrator

Partie 2: Rendre la carte interactive à l’aide de jQuery

Les zones de maps n’étant pas stylisables via CSS, nous sommes obligés de passer par jQuery (ou tout autre framework JavaScript).

Principe utilisé: la carte de France est l’image de fond d’une division, la map HTML est appliquée sur une image transparente, qui au survol d’une zone surligne la région correspondante.

Dans ce tutoriel, nous allons voir comment réaliser une carte interactive comme celle-ci. Ce tutoriel sera divisé en deux parties:

1. Création de la carte et du mappage HTML
2. Rendre la carte interactive avec jQuery