Как организовать карту виртуального мира подобно google maps?

<div class="[ifxfvalue update_news="Работает"]work[/ifxfvalue] [ifxfvalue update_news="Не работает"]no_work[/ifxfvalue]"> 
[xfvalue_update_news]<br>
[ifxfvalue update_news="Работает"][/ifxfvalue]
[ifxfvalue update_news="Не работает"]{date=d.m.Y}[/ifxfvalue]
</div>

<script type="text/javascript">
function changeImg(image, number){
  var imghol = document.getElementById("imageHolder");
  imghol.src = image;
  var numberbox = document.getElementById("number_box");
  numberbox.innerHTML = "Выбран номер " + number;
}
</script>

<div>
	<ul>
		<li><a href="javascript:" onclick="changeImg('/uploads/images/one.jpg', 1);">1</a></li>
		<li><a href="javascript:" onclick="changeImg('/uploads/images/two.jpg', 2)">2</a></li>
		<li><a href="javascript:" onclick="changeImg('/uploads/images/three.jpg', 3)">3</a></li>
	</ul>
</div>
<div class="imageholder"><img id="imageHolder" /></div>
<div id="number_box"></div>