Como criar um mapa como este?

Olá,

Alguém poderia me ajudar informando como eu poderia criar um mapa igual a esse? Salvei as imagens para poderem analisar melhor. Como eu poderia fazer isso utilizando PHP e Javascript?

O banco de dados eu já vi, ficam guardados valores que se referem ao tipo de terreno(quadrado) e de acordo com esses valores é importado a imagem do tile correspondente. Mas não consigo pensar sobre mais do que isto. Como eu poderia criar um mapa assim? Utilizar arrays? Como? Como trabalhar a interação com este mapa? É feito com Javascript? Como gerar um mapa randomico que se ligue um ao outro de acordo com a posição das setas do mapa? São muitas dúvidas. Alguém poderia me ajudar.

Mapa: http://devana.eu/game/grid.php

[](http://photobucket.com/gallery/user/Usuario_/media/cGF0aDovR3JpZF96cHN6aGNjYjNkeS5wbmc=/?ref=1)

[](http://photobucket.com/gallery/user/Usuario_/media/cGF0aDovR3JpZF96cHN6aGNjYjNkeS5wbmc=/?ref=1)

Obrigado.