Salut,

Je ne sais pas si le titre reflète la réalité de mon problème mais bon voila.
Je travaille sur une image (une carte de dimension 3973x5617px). J'ai un formulaire qui me permet de saisir les coordonnées dd.mm.ssO et dd.mm.ssN que j'arrive a convertir en pixels. J'arrive également à déplacer la carte vers le point avec ça :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
function pointDisplay(coordX,coordY){
        //coordX et coordY representent les coordonnées du point à afficher sur la carte
        ctx.drawImage(gkhead,0,0);
 ctx.save();
        ctx.lineWidth = 2;
        ctx.fillRect(coordX,coordY);
       var centreX=Math.round(canvas.width/2);
       var centreY=Math.round(canvas.height/2);
       var col=-(coordX-centreX);<br>       
       var lig=-(coordY-centreY);<br>    
      ctx.drawImage(gkhead,col,lig);
       ctx.fillRect(coordX,coordY,30,30);<br>    
    ctx.fillStyle='rgba(23,145,167,0.4)';
        ctx.fill();
Mais je n'arrive pas à faire afficher le point au centre du canvas comme dans google maps.
Pourriez-vous m'aider ?