Ajouter un marqueur à une image en javascript?

Oui, c'est possible.

Bien que c'est tout à fait faisable avec juste du javascript, je voudrais utiliser une sorte de bibliothèque comme JQuery.

L'approche serait d'avoir une img-élément avec votre marqueur, puis ajouter un cliquez sur-gestionnaire à l'image que vous souhaitez utiliser comme votre "carte de" qui se déplace votre marqueur à l'endroit où l'élément a été cliqué.

Ici est non testé exemple:

<img src="marker.png" id="marker" style="display: none; position: absolute;" />
<img src="map.png" id="map" />

<script type="text/javascript">
$('#map').click(function(e)
{
   $('#marker').css('left', e.pageX).css('top', e.pageY).show();
   //Position of the marker is now e.pageX, e.pageY 
   //... which corresponds to where the click was.
});
</script>

---

Edit:
Et c'est tout à fait possible sans JQuery trop, bien sûr.
Ci-dessous est un code-exemple de cela.

<img src="marker.png" id="marker" style="display: none; position: absolute;" />
<img src="map.png" id="map" />

<script type="text/javascript">
document.getElementById('map').onclick = function(e)
{
   with(document.getElementById('marker'))
   {
        style.left = e.pageX;
        style.top = e.pageY;
        style.display = 'block';
   }
   //Here you forward the coordinates e.pageX, e.pageY 
   //... to whatever function that needs it
};
</script>

OriginalL'auteur Martin Nycander