gebruik de eerste image als background.
Of maak gebruik van z-indexen en css position absolute.
Als je css absolute position gebruikt, zorg er dan wel voor dat de parent relative is.
Om zeg maar alleen in de kader te spelen met posities.

http://www.w3schools.com/tags/tag_map.asp

Misschien dit?

is iets vrijs simpel wat je wilt doen maar je moet er maar op komen

1 div met een background-image van de map met position relative.

1 div voor je towncenter die je in die div van je map zet, met position absolute, top x px, left x px;

x px moiet je een getal voor geven en dat werkt pêrfect doe het zelf ook zo(voor hetzelfd idee trouwens)

En eventueel een ifje en een elsje waarin je zegt

if ($Stadhuis = 'Gebouwd'){ //stadhuis plaatje weergeven }