Comment fonctionnent les cartes à image

Certaines images peuvent être utilisées sous forme de carte cliquable grâce à HTML. Ces cartes sont des images statiques (d'un seul tenant) qui sont découpées avec HTML en différentes zones sur lesquelles on peut cliquer.

Comment fonctionnent les cartes à image

1. Dans cet exemple, l'utilisateur clique sur Toronto aux coordonnées 75, 25  (abscisses puis ordonnées) de la grille. Dans le code HTML, le navigateur détecte l'attribut ismap. Lors du clic, le navigateur envoie les coordonnées X/Y au serveur ainsi que l'emplacement du fichier de la carte.
2. Le serveur manipule ces coordonnées et le fichiers grâce à une application côté serveur. Cette application crée alors une URL correspondant au résultat voulu et l'envoie au serveur web. Le serveur envoie alors la page correspondante au serveur.
3. La page web est alors servie à l'utilisateur s'il s'agit d'une ressource sur ce serveur, si l'URL correspond à une ressource d'un autre serveur, le visiteur est redirigé vers le nouveau site.
4. Le navigateur affiche alors la page ou envoie une requête au nouveau serveur pour télécharger la page.