5537 sujets

Sémantique web et HTML

Bonjour, je fait une carte cliquable en HTML, en voilà un morceau pour exemple :

<div id="plan"><img src="images/seattle_satellite_view_modified_v2.png" usemap="#image-map" alt="Le m&eacute;troplexe de Seattle" border="5" /></div>

<map name="image-map">
	<area alt="Arcology Commercial and Housing Enclave (ACHE)" title="Arcology Commercial and Housing Enclave (ACHE)" href="#" onclick="open('plan/ache.html', 'Popup', 'directories=0, titlebar=0, toolbar=0, location=0, status=0, menubar=0, scrollbars=1, resizable=1, height=600, width=800'); return false;" coords="1435,1405,1506,1469" shape="rect" style="cursor: crosshair">
</map>


J'aimerai pouvoir, sur la carte, placer des marqueurs (des images) aux endroits cliquables. Savez-vous comment faire ? Merci !
Modérateur
Bonjour,

On ajoute dans le code html les marqueurs (sous forme de balises <img>).

Et on les positionne par dessus la carte. On peut le faire avec du css (le css dépend du contexte, et il faut connaitre a priori les coordonnées où il faut les mettre). On peut le faire aussi en javascript (si on ne connait pas les coordonnées a priori) : le code consistera à aller lire les coordonnées des balises <area> concernées, et à positionner les images des marqueurs au bon endroit grâce à cette information (à nouveau par du css, mais généré par javascript).

Amicalement,