Tilemap

A bit of Javascript to put a tilemap for dungeons, wilderness, any RPG map, in your HTML document.

Turns this:

<script src='tilemap.js' type='text/javascript' language='javascript'></script>

<div id='haven-area' class='tilemap' title='Haven Area' scale='10km' reference='hyperborea-map,5,6'>
<pre>
t t t t t t t t t t
t t6t . . h h h h t
t t . . t t h h h h
t . . h t f . h h h
. . h h . f2f━h━h━h━
. . . h . f . h h h
. . . h h h h h h h
t . . t╔t═~ h╪h╗M h
t t . .║t t h M M M
t t╔.═.╝t1h h h M M
</pre>
<dl>
<dt>1,1    <dd>Goblin Hive
<dt>5,4    <dd>Haven
<dt>5,7    <dd>Iceneedle Lake
<dt>4,9    <dd>Felder's Green
</dl>
</div>

<script type='text/javascript' language='javascript'>tileMapInit();</script>

Into this: