Discussion :

[foohey]

Salut,
Je cherche comment positionner simplement des marqueurs dans une image, les coordonnées sont enregistrées dans une bdd. J'ai beau chercher, je ne trouve pas comme m'y prendre.

Merci d'avance !

[sebhm]

Bonjour,

tu dois pouvoir t'en sortir avec la balise map

Pour l'ajout en javascript, utilises le dom

[Bovino]

Salut,
ton message est aussi explicite qu'un message d'erreur avec IE
C'est quoi un marqueur dans ton esprit ?

[foohey]

oui je m'exprime surement mal, car je n'ai aucune idée de comme ca se nomme etc...

J'ai la carte d'une zone d'un jeu, et je voudrais placer un petit drapeau comme google maps, pour montrer certains objets, personnages etc...

[foohey]

J'y suis presque arriver.
Je me sert de jquery.

ça marche plutôt bien, mais j'ai un souci une fois mis en page, plus rien ne correspond.
screen sous linux: http://server.foohey.net/~foohey/screen-linux.jpg
screen sous windows: http://server.foohey.net/~foohey/screen-windows.jpg

on voit bien qu'il y a un gros décalage.

le code utilisé (selon la doc: http://docs.jquery.com/Tutorials:Mouse_Position) qui est censé se positionner par rapport à ma balise <img>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
  <script type="text/javascript">
    $(document).ready( function() {
      $("#image").click ( function (e) {
        var x = e.pageX - this.offsetLeft;
        var y = e.pageY - this.offsetTop;
 
        $("#pin").remove();
        $('<div id="pin" class="pin" style="top: ' + y + 'px; left: ' + x + 'px;"</div>').insertAfter(this);
      });
    });
  </script>
  <%= image_tag("/images/maps/" + @quete.faction.name.downcase + "/" + @quete.zone.map_file, :id => "image") %>

mon premier test, sans aucune mise en page:
http://server.foohey.net/~foohey/test.html
Comment régler ce souci ? merci d'avance