(Javascript) Sziasztok! Nem tudok rájönni a hibára. Miért nem működik a clearrectagle?

A while ciklus valamiért nem fut le, minden mást szépen kirajzol. Ha a clearrectagle-t kiszedem, akkor jól fut, de a szöveget egymásra írja amikor meghívom a függvényt. A neten utána olvasgattam, de nem sikerült vele érdemi megoldást találnom. Mi a hiba?

function mapImageDraw()

{

var i = 0;

while(i<map.length)

{

context.drawImage(grounds[map[i]],posX,posY,30,30);

context.fillText(i,posX,posY+20);

if(posX==420)

{

posX=0;

posY+=30;

}

else

{

posX+=30;

}

i++;

}

}

function mapDraw(egerx,egery)

{

context.clearRect(0, 0, canvas.width, canvas.height);

var tilemapX = Math.floor(egerx/30);

var tilemapY = Math.floor(egery/30);

var arrayIndex = (tilemapY*15)+tilemapX;

mapImageDraw();

context.drawImage(grounds[0],5,1,80,40);

context.fillText("x: "+egerx,10,10);

context.fillText("y: "+egery,40,10);

context.fillText("Tx: "+tilemapX,10,20);

context.fillText("Ty: "+tilemapY,40,20);

context.fillText("Array index: "+arrayIndex,10,30);

}