tak pokut jsem to pochopil tak si udělat obrázek o velikosti plochy a potom ho vyčtverečkovat pomoci image-mapu

jo, spíše "vykosočtverečkovat". Pokud si to nechceš pořádně ztížit řádově, tak to udělej jednoduše - udělej si na stranách šipky a 1 klik = posunutí o jedno políčko vpravo (popř. ještě posunutí o celý jeden blok), jinak by už to byla asi šílenost na ntou . Ale pokusit se o to můžeš, pak sem postni výsledek.

Ja nemyslel jako že je celá mapa vykreslena, myslel jsem že jen to pole se souřadnicemi je už kompletní. Protože jakmile bych posouvám mapu, tak by na jedné straně musely ubývat a na jedné přibývat.

Ano, musí na jedné straně přibývat a na druhé ubývat. Musíš si udělat PHP skript, ve kterém budou zadané dvě proměnné - x a y souřadnice a např. přes GD knihovnu to vytvoří obrázek (ve kterém budou třeba ty obilný lány, jezera, lesy, města atd.) třeba o velikosti 200x200px a připravený imagemap se jimi "vydláždí". To musí javascript pořád hlídat a ukládat do proměnných, co je vydlážděno a co ne - jakmile něco nebude, tak musí "dodláždit" dalšími obrázky.