En gros tu veux éditer ta map comme tu le ferai avec le pinceau de gimp? 
Dans ce cas je te propose... gimp lui méme...
Tu te crée une image qui a comme taille (en pixel) le nombre de cases que tu veux (1 case=1 pixel!)
ensuite tu fait un scipt php qui te lis tous les pixels et les insert dans la base en définisaant le terrain en fonction de la couleur.
Sinon tu peut faire comme tu as dis mais je connais pas bien le javascript donc je peut pas t'aider pour la partie Js...
Dans ce cas je te propose... gimp lui méme...
Tu te crée une image qui a comme taille (en pixel) le nombre de cases que tu veux (1 case=1 pixel!)
ensuite tu fait un scipt php qui te lis tous les pixels et les insert dans la base en définisaant le terrain en fonction de la couleur.
Sinon tu peut faire comme tu as dis mais je connais pas bien le javascript donc je peut pas t'aider pour la partie Js...